Skip to main content
๐ŸŒ Public

Share visualization

Send this visualization to others.

Fork of Task-7

Public visualization

Fork of Task-7

0 stars1๐ŸŒ Public
JJames Cruz
Last edited Apr 14, 2024
Created on Apr 14, 2024
Forked from Task-7

This example displays a horizontal bar chart ranking the populations of 30 countries for 2020, sourced from a CSV file. Built with React and rendered as SVG, it uses D3 v5 APIs like `scaleBand`, `scaleLinear`, and `format` to map data to coordinates and create tick labels. The visualization includes a bottom axis with formatted values and a left axis with country names, with styled tick marks and bars defined in the accompanying HTML.

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.

Comments

Sign in to join the discussion.

MIT Licensed