Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

D3.js Graph with Checkbox (Dynamic)

Public visualization

Viewing a saved revision (read-only)

36f5fefde54c494dbec9e6fec32856a1

D3.js Graph with Checkbox (Dynamic)

0 stars0🌍 Public
Ffofana1984
Last edited May 24, 2023
Created on May 24, 2023
Forked from HTML Starter

This example shows a dynamic multi-line chart where each line corresponds to a data column, toggled on and off via checkboxes. Using D3.js v6, it renders SVG paths for three series (`rt1`, `rt2`, `rt3`) against a linear mass scale, with a color scale based on `d3.schemeCategory10`. The checkboxes are generated from the data keys, and the `on("change")` handler updates line visibility by toggling the `display` attribute. The data is hardcoded in the script.

AI-generated description

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

See also React Starter.