gladly-plot 0.0.1

package/src/ScatterLayer.js

@@ -0,0 +1,107 @@
+import { LayerType } from "./LayerType.js"
+import { AXES } from "./AxisRegistry.js"
+import { registerLayerType } from "./LayerTypeRegistry.js"
+
+export const scatterLayerType = new LayerType({
+  name: "scatter",
+
+  getAxisConfig: function(parameters) {
+    const { xData, yData, vData, xAxis, yAxis } = parameters
+    return {
+      xAxis,
+      xAxisQuantityKind: xData,
+      yAxis,
+      yAxisQuantityKind: yData,
+      colorAxisQuantityKinds: [vData],
+    }
+  },
+
+  vert: `
+    precision mediump float;
+    attribute float x;
+    attribute float y;
+    attribute float color_data;
+    uniform vec2 xDomain;
+    uniform vec2 yDomain;
+    uniform float xScaleType;
+    uniform float yScaleType;
+    varying float value;
+    void main() {
+      float nx = normalize_axis(x, xDomain, xScaleType);
+      float ny = normalize_axis(y, yDomain, yScaleType);
+      gl_Position = vec4(nx*2.0-1.0, ny*2.0-1.0, 0, 1);
+      gl_PointSize = 4.0;
+      value = color_data;
+    }
+  `,
+  frag: `
+    precision mediump float;
+    uniform int colorscale;
+    uniform vec2 color_range;
+    uniform float color_scale_type;
+    varying float value;
+    void main() {
+      gl_FragColor = map_color_s(colorscale, color_range, value, color_scale_type);
+    }
+  `,
+  schema: (data) => {
+    const dataProperties = data ? Object.keys(data) : []
+    return {
+      $schema: "https://json-schema.org/draft/2020-12/schema",
+      type: "object",
+      properties: {
+        xData: {
+          type: "string",
+          enum: dataProperties,
+          description: "Property name in data object for x coordinates"
+        },
+        yData: {
+          type: "string",
+          enum: dataProperties,
+          description: "Property name in data object for y coordinates"
+        },
+        vData: {
+          type: "string",
+          enum: dataProperties,
+          description: "Property name in data object for color values; also used as the color axis quantity kind"
+        },
+        xAxis: {
+          type: "string",
+          enum: AXES.filter(a => a.includes("x")),
+          default: "xaxis_bottom",
+          description: "Which x-axis to use for this layer"
+        },
+        yAxis: {
+          type: "string",
+          enum: AXES.filter(a => a.includes("y")),
+          default: "yaxis_left",
+          description: "Which y-axis to use for this layer"
+        }
+      },
+      required: ["xData", "yData", "vData"]
+    }
+  },
+  createLayer: function(parameters, data) {
+    const { xData, yData, vData } = parameters
+
+    const x = data[xData]
+    const y = data[yData]
+    const v = data[vData]
+
+    if (!x) throw new Error(`Data property '${xData}' not found in data object`)
+    if (!y) throw new Error(`Data property '${yData}' not found in data object`)
+    if (!v) throw new Error(`Data property '${vData}' not found in data object`)
+
+    return [{
+      attributes: { x, y, [vData]: v },
+      uniforms: {},
+      nameMap: {
+        [vData]: 'color_data',
+        [`colorscale_${vData}`]: 'colorscale',
+        [`color_range_${vData}`]: 'color_range',
+        [`color_scale_type_${vData}`]: 'color_scale_type',
+      },
+    }]
+  }
+})
+registerLayerType("scatter", scatterLayerType)

package/src/index.js

@@ -0,0 +1,21 @@
+export { LayerType } from "./LayerType.js"
+export { Layer } from "./Layer.js"
+export { AxisRegistry, AXES } from "./AxisRegistry.js"
+export { ColorAxisRegistry } from "./ColorAxisRegistry.js"
+export { FilterAxisRegistry, buildFilterGlsl } from "./FilterAxisRegistry.js"
+export { Plot } from "./Plot.js"
+export { scatterLayerType } from "./ScatterLayer.js"
+export { registerLayerType, getLayerType, getRegisteredLayerTypes } from "./LayerTypeRegistry.js"
+export { registerAxisQuantityKind, getAxisQuantityKind, getRegisteredAxisQuantityKinds } from "./AxisQuantityKindRegistry.js"
+export { registerColorscale, getRegisteredColorscales, getColorscaleIndex, buildColorGlsl } from "./ColorscaleRegistry.js"
+export { Axis } from "./Axis.js"
+export { linkAxes } from "./AxisLink.js"
+export { Colorbar } from "./Colorbar.js"
+export { colorbarLayerType } from "./ColorbarLayer.js"
+export { Float } from "./Float.js"
+export { Filterbar } from "./Filterbar.js"
+export { filterbarLayerType } from "./FilterbarLayer.js"
+export { FilterbarFloat } from "./FilterbarFloat.js"
+
+// Register all matplotlib colorscales (side-effect import)
+import "./MatplotlibColorscales.js"