Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Modules in JS of D3 Starter

Public visualization

Viewing a saved revision (read-only)

da2b58c929cb44d3838ab8b4c700dcea

Modules in JS of D3 Starter

0 stars0🌍 Public
CCameron Wehr
Last edited Sep 9, 2023
Created on Sep 9, 2023

This example demonstrates a simple animated visualization of circles connected by a line path, with positions and radii oscillating over time. Built as a modular JavaScript application using ES6 imports, it initializes an SVG canvas with D3 v7 and uses `setInterval` to update the scene at roughly 60 frames per second. The animation relies on custom functions `makeData` and `vizData` to generate data points and render circles and a line using D3’s `line` generator, with `selectAll`, `data`, and `join` for smooth updates.

AI-generated description

A demonstration of how to start using D3 version 6.