Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 simple line chart

Public visualization

Viewing a saved revision (read-only)

bcda0233c88c4caba1ffb297ded2d937

d3 simple line chart

0 stars0🌍 Public
Jjohangithub
Last edited Dec 29, 2021
Created on Dec 27, 2021
Forked from Hello HTML

This example shows a simple line chart that plots data points across a continuous x-axis, with the line rendered in dark gray against a light background. The chart loads data using D3 utilities and manages the loaded data through React state, while Vega-Lite configuration options control the axis appearance and label styling. The visualization uses D3 v5 for data handling and SVG rendering, and incorporates a custom config object that disables axis domain lines and sets tick colors to light gray.

AI-generated description

A program that loads in some data using D3 utilities, and uses React state to keep track of the data.