Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Detector

Public visualization

Viewing a saved revision (read-only)

011bb4beefd84e8c92931744cf42ddef

Detector

0 stars0🌍 Public
AAmanda Kiannejad
Last edited Mar 22, 2021
Created on Mar 22, 2021

This interactive chart, titled “Detector,” visualizes readings from two detectors over time using a dynamic bar chart. Users can switch between the two datasets by clicking buttons, which triggers a smooth animated transition of the bars. Built with React and D3 v4, the visualization employs `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, updating `line` elements via `transition()`. Data is loaded asynchronously from a CSV file using `d3.csv`, and the display shows the dataset’s row count, column count, and size in kilobytes. The visualization is rendered as an SVG with animated axis and bar updates.

AI-generated description

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

See also React Starter.