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)

87477e769cff4db987ea55b87cc339ac

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

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

This bar chart displays the top 10 most valuable unicorn companies, with company names on the y-axis and valuation in billions on the x-axis. The visualization is built using React and D3.js, where React manages the component state and rendering of SVG elements, while D3’s `scaleBand` and `scaleLinear` handle the chart’s scales and tick generation. Data is loaded asynchronously from a CSV file via `d3.csv`, filtered to the top 10 entries, and rendered as blue rectangles.

AI-generated description

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

See also React Starter.