rkhan22

@rkhan22·2 public vizzes

Fork of Reusable D3 Scatter Plot- ICE7

This animated scatter plot displays the Iris flower dataset, cycling through four different feature pairings on the x-axis every few seconds to highlight relationships between sepal and petal measurements. Circles represent individual flowers, colored by species (Setosa in orange, Versicolor in blue, Virginica in black), with a fixed legend. Built with D3 v6, it reuses a custom `scatterPlot` module that applies `scaleLinear`, `axisLeft`, and `axisBottom` to render axes, while `setInterval` triggers updates and re-renders the SVG elements.

Apr 8, 2022

Loading thumbnail…

Fork of Hello VizHub

This example demonstrates how to build a minimal visualization with D3.js, displaying the text “Hello VizHub!” in the center of a webpage. It shows the fundamental workflow of a VizHub project, including importing D3 functions and local ES6 modules. The code uses `import { select } from 'd3'` to target the message div and set its text content, while an external stylesheet controls font size and alignment. The page loads D3 from UNPKG via script tag and outputs the final result through `bundle.js`, making it a complete but basic starting template.

Apr 8, 2022