Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of ICE-6: Rendering Marks and Channels with React & D3

Public visualization

Viewing a saved revision (read-only)

d04064d0f7164a3ea46535cacf020889

Fork of ICE-6: Rendering Marks and Channels with React & D3

0 stars0🌍 Public
DDeegutla123
Last edited Jun 25, 2022
Created on Jun 25, 2022

This example demonstrates a web page for rendering marks and channels using React and D3. It displays a bar chart representing data over time, with axes and labels. The code uses the React and ReactDOM libraries alongside D3 functions like `scaleBand`, `scaleLinear`, and `axisBottom` to construct the visualization. The SVG output is generated from a CSV data source loaded via `d3.csv`. The example also includes a pie chart using `d3.arc` and `d3.pie`.

AI-generated description

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

See also React Starter.