🌍 Public
Viewing a saved revision (read-only)
b1ddc1cb322e4f1087a859f308a60fa1
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:
- Entry point is named export
vizfromindex.js - 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!