Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Data Updating

Public visualization

Viewing a saved revision (read-only)

9963400a8d89464bb96accc0c7ea386a

Data Updating

0 stars1🌍 Public
DDasbach.EJ
Last edited Jul 2, 2021
Created on Jul 2, 2021
Forked from Interactions

This example demonstrates dynamic data updating in a bar chart built with D3.js v6 and rendered as SVG. The interactive visualization allows users to add or update data entries via input fields, triggering smooth transitions on bar widths as weights change, while axis scales adjust accordingly. Users can also filter the displayed data by setting a minimum weight threshold. The code employs `d3.csv` for data loading, `d3.scaleLinear` and `d3.scaleBand` for scales, and the data join pattern with `enter`, `merge`, and `exit` selections, alongside `transition` and `d3.axisLeft`.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.