Scatterplot

This scatterplot renders 1 million points.

JS

<Pluot
    width={500}
    height={500}
    plotId={"scatterplot-example"}
    plotType={"LayeredPlot"}
    storeUrl={"https://pub-adb3658c8ed642caa534fdc612cd1c0c.r2.dev/gaussian_quantiles.zarr"}
    plotParams={{
      layers: [
        {
          layer_type: "ZarrPointLayer",
          layer_params: {
            layer_id: "layer_1",
            data_unit_mode: "Data",
            point_radius_unit_mode: "Pixels",
            point_shape_mode: "Square",
            point_radius: 5.0,
            bounds: null,

            x_key: "/n_1000000/x_coords",
            y_key: "/n_1000000/y_coords",
            color_key: "/n_1000000/class_labels",
          }
        }
      ]
    }}
    mode={"2d"}
    marginLeft={50}
    marginTop={0}
    marginRight={0}
    marginBottom={50}
/>

Python

# TODO: update to exactly match JS example
await render_to_image(
    camera_view=camera_view,
    width=500,
    height=500,
    plot_id="test",
    plot_type="LayeredPlot",
    store_name="my_store",
    plot_params=dict(
        layers=[
            dict(
                layer_type="PointLayer",
                  layer_params=dict(
                    layer_id="layer_2",
                    data_unit_mode="Pixels",
                    point_radius_unit_mode="Pixels",
                    point_shape_mode="Square",
                    point_radius=15.0,
                    store_name="my_store",
                    bounds=dict(
                      margin_top= 0,
                      margin_right=0,
                      margin_bottom= 0,
                      margin_left=0,
                    ),
                    position_x=[100, 100, 400, 400],
                    position_y=[100, 400, 100, 400],
                    labels_vec=[0, 1, 2, 3],
                  )
            )
        ]
    ),
)