Skip to main content
SimilarExport ZIP
100%

Fork of Activity6-1 Q1.2

✓ Published0🌍 Public
Aaadesh.pranesh@gmail.com
Last edited Apr 7, 2024
Created on Apr 7, 2024
Forked from Activity6-1 Q1.1

A horizontal bar chart displays the 2010 population of 20 countries, with bars extending from a shared left axis. The chart uses React to render SVG elements, with D3 v5’s `scaleBand` and `scaleLinear` mapping country names and population values. Data loads asynchronously from a CSV file via D3’s `csv` function, and the x-axis labels are formatted with a SI prefix that converts gigabytes to billions.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity6_Q1.2

This example displays a horizontal bar chart of 2010 population data for twenty countries, loaded from a CSV file. The chart uses React with D3 v5 scales and axes, including `scaleBand` for the y-axis and `scaleLinear` for the x-axis. SVG rectangles render the bars, with tooltips appearing on hover. The code imports D3 utilities like `csv`, `format`, and `max` to process and format the data, replacing 'G' with 'B' for billion labeling.

SShiva Sai Reddy
95% match
Loading thumbnail…

Fork of Activity_6 Q1

A horizontal bar chart displays the populations of 30 countries from a CSV file, with labels on the y-axis and population values on the x-axis formatted in billions. The chart uses React with D3 v5, employing `scaleBand` and `scaleLinear` for scaling, `AxisBottom` and `AxisLeft` for axes, and `Marks` to render SVG rectangles with tooltips showing exact values. The data is loaded via `csv` from a gist URL, with population values multiplied by 1000 to represent actual figures.

Bbhavanadupati3@gmail.com
95% match
Loading thumbnail…

Fork of Fork of activity 6_ Q1.2

This example displays a horizontal bar chart of population data for 20 countries, with each bar’s length proportional to the 2010 population value. The visualization uses D3’s `scaleBand` and `scaleLinear` for axis scaling, with formatted tick labels. Built with React and rendered as SVG, it loads data from a remote CSV via D3’s `csv` utility. Interactivity is basic, with tooltips showing the population value on hovering over a bar.

Kkowshiksamudrala08@gmail.com
94% match
Loading thumbnail…

Fork of Activity 6_Q1_2

This visualization shows a horizontal bar chart comparing the 2010 population of twenty countries, sourced from a CSV file hosted on GitHub. It uses React with D3 v5’s `scaleBand` and `scaleLinear` to map country names and population values, rendering marks as SVG rectangles. Axes are customized via reusable components, and `d3.format` converts tick labels from billions to abbreviate them.

KKarnam Abinay Goud
94% match
Loading thumbnail…

Fork of ACTIVITY6 QUES 1 (PART2)

A horizontal bar chart displays the populations of 20 countries for 2010, with country names on the y-axis and population values on the x-axis. The visualization uses React to render SVG elements, while D3 v5’s `scaleBand` and `scaleLinear` handle axis positioning, and `d3.csv` loads the dataset from a GitHub repository. Bars appear in light green, with blue tick lines and formatted population labels using `d3.format`.

BBhavana Sharma
94% match
Loading thumbnail…

Fork of Activity6_q1

This example presents a horizontal bar chart comparing the populations of ten countries in the year 2000. The visualization uses D3 v5’s `scaleBand` and `scaleLinear` to map country names and population values, with React rendering the SVG elements. Each bar includes a native `<title>` tooltip displaying the formatted population in billions (using `format('.2s')`). Data is loaded asynchronously via D3’s `csv` parser from a GitHub-hosted CSV file, and axes are generated by custom React components (`AxisBottom` and `AxisLeft`).

Aabjalshaik02@gmail.com
94% match
Loading thumbnail…

Fork of activity6q1(1)

This horizontal bar chart displays the population of ten countries in the year 2000, sorted with the largest population at the top. Built with React and D3 v5, it uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, rendering SVG rectangles. Data is loaded from a CSV file using D3’s `csv` function, and axis ticks are formatted with a custom SI prefix function that converts billions to 'B'.

Ssaitejakaranam10@gmail.com
94% match
Loading thumbnail…

Fork of Activity_6 Q1.1

This bar chart shows the population of ten countries in the year 2000, with countries listed on the y-axis and population values on the x-axis. The code uses React components to render SVG elements, including custom AxisBottom and AxisLeft components for ticks and labels. It loads CSV data from a GitHub repository using d3.csv, then applies a linear scale for population and a band scale for countries. The bars are green rectangles with tooltips showing formatted population values, and the x-axis labels use d3-format to abbreviate large numbers.

Bbhavya.kanyadara@gmail.com
94% match