Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity6_question1.2

Public visualization

Viewing a saved revision (read-only)

b0358038f961403d9bdfa055f598a573

activity6_question1.2

0 stars0🌍 Public
Aaparnachalumuri@gmail.com
Last edited Oct 22, 2024
Created on Oct 22, 2024

This example shows a horizontal bar chart displaying the population of twenty countries from a CSV dataset for 2010, with a green fill for the bars and blue tick lines. It is implemented in React and D3 v5, using `scaleBand` and `scaleLinear` for the axes, while custom components like `AxisBottom`, `AxisLeft`, and `Marks` render the SVG elements. The code also imports the `format` function to abbreviate tick labels, converting values like 'G' to 'B' for billions.

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.