Skip to main content
100%

Fork of Task 8_Task 1

✓ Published1🌍 Public
Jjaswanthichowdarykalapala@my.unt.edu
Last edited Apr 9, 2024
Created on Apr 9, 2024
Forked from Task 8_Task 1

This example displays a horizontal bar chart comparing the population figures from the year 2000 for the top ten countries. It uses a tabular dataset loaded from a GitHub-hosted CSV file. The visualization renders bars as SVG rectangles within a React framework, with the chart axes and tick marks generated through custom D3 components. The x-axis applies a linear scale with a custom formatter that converts very large numbers into a readable "B" (billion) suffix. The y-axis uses a band scale to position categorical country labels. Hovering over a bar triggers a native tooltip, showing the specific population value.

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.
MIT Licensed

Similar vizzes