🌍 Public
Viewing a saved revision (read-only)
1473743b18a14e289c5de5868f4b7997
Hello VizHub 3
This example demonstrates a dynamic scatter plot rendered using D3 version 7.8.5, where circles appear one by one with an animated radius expansion. The visualization reads data from a CSV file containing circle positions, sizes, and colors, and uses the D3 `transition` API with `easeLinear` for both slow entrance animations and fast updates. A grid of ten blue squares animates across the top of the canvas, while the circles use `mix-blend-mode: multiply` for overlapping color effects. The SVG is sized to the container’s dimensions and the entire scene animates on a yellow-green background.
AI-generated descriptionAn example showing the capabilities of VizHub 3:
- There is no
index.htmlhere! - The entry point is the named export
mainfromindex.js - Dependencies are configured in
package.json - The first argument to
viziscontainer, a DOM node - Alt+Click on a color to get a color picker
- Alt+Drag on a number for instant feedback
- Hot reloads all changes
- Works with remote collaborators!