Oska Cheng

@TheOska·2 public vizzes

Fork of Reusable D3 Scatter Plot

A scatter plot visualizes the Iris Dataset, with points representing flowers and axes mapping petal width against sepal length. Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render axes and SVG circles for data marks. The x-axis mapping cycles through four dataset columns every two seconds via `setInterval`, animating the plot's perspective. The chart is implemented as a reusable function following the "Towards Reusable Charts" pattern, with animated updates triggered by re-calling the plot on the same SVG selection.

Sep 9, 2024

Loading thumbnail…

Testing

This example demonstrates the basic capabilities of the VizHub V3 runtime environment, starting with an SVG scene that renders a circle, a line, and a polyline path using static coordinates. The main `index.js` file exports a `main` function that takes a container element and injects HTML with a "Hello World" message, using inline styles for font sizing. The code highlights the simplified entry point without an `index.html`, and the SVG markup is presented directly within a separate HTML file. No external libraries are used, showcasing pure SVG elements and DOM manipulation.

Aug 22, 2024