Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

JS and HTML

Public visualization

Viewing a saved revision (read-only)

c584da28836f4bef9e0a72c998df79c0

JS and HTML

0 stars0🌍 Public
GGautier DAVID
Last edited Dec 19, 2023
Created on Dec 19, 2023
Forked from HTML Starter

This example demonstrates how to build a custom visualization by combining JavaScript and HTML with D3.js. It shows a dynamic scene driven by a force-directed simulation, where nodes move and interact in real time. The code uses `d3.forceSimulation` to compute physical forces and update node positions, while `d3.select` and `d3.create` manage the SVG container and elements. The rendering is performed entirely through JavaScript DOM manipulation, with the `index.html` file providing a minimal body that loads D3 from a CDN and attaches the `bundle.js` script. The visualization’s appearance changes dynamically, emphasizing the interplay between code, layout, and interactive graphics.

AI-generated description