Creating a scatterplot using Deepscatter

[chaz23]

I'm a bit stuck trying to create a scatterchart using Deepscatter. I've tried to work out what's going on here and recreate it in Framework but have been failing to load my own data. I'd really appreciate it if someone could show me a minimal working example to get me started! This is what I adapted from the example:

index.md:

import Deepscatter from "npm:deepscatter";

new Deepscatter("#plot", 300, 600)
  .plotAPI({
    // Data fetched from Ben's website. You could also specify a local file, too.
    source_url: "https://benschmidt.org/arxiv",
    background_color: "#ffffff",
    max_points: 10000,
    point_size: 16,
    alpha: 5,
    encoding: {
      x: {
        field: "x",
      },
      y: {
        field: "y",
      },
      color: {
        constant: "#00ff00",
      },
    },
  })
  .then(() => {
    console.log("... chart update done!");
  });

This works, however I want to use my own data, and can't manage to get it right...

R data loader (./data/test.parquet.R):

library(dplyr)
library(arrow)

output <- starwars %>% select(mass, height)

temp_file <- tempfile(fileext = ".parquet")
write_parquet(output, sink = temp_file)

system2('cat', args = temp_file)

How do I modify the source_url parameter in plotAPI to point to my data?

[Fil]

I assume it would be

source_url:  FileAttachment("./data/test.parquet").href

[chaz23]

That didn't seem to work...

[Fil]

It appears that Deepscatter expects a "zoomable" directory of files in the feather format, not a parquet file.