Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of dataset ICE6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

4dfec26b5fa34a41bff1acd06db9490a

Open

Fork of dataset ICE6

0 stars0🌍 Public
SSnigdha6698
Last edited Mar 6, 2022
Created on Mar 6, 2022
Forked from dataset

This example displays a horizontal bar chart comparing the population or quantity of the first ten entries from a CSV dataset of Brazilian stock tickers. The visualization uses React to manage state and D3 v5 for scales, axes, and SVG rendering. Data is loaded asynchronously via `d3.csv`, while `scaleBand` and `scaleLinear` position the bars and map values to widths. The chart includes custom axis ticks and styled rectangles, with all rendering happening inside a single SVG element.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.