Fork of Q1.2

100%

✓ Published0🌍 Public

Last edited Oct 30, 2025

Created on Oct 30, 2025

Forked from Q1.2

This visualization shows the population of ten countries for the year 2000 as a bar chart, with country names on the x-axis and population counts on the y-axis. The chart loads data from a local CSV file using `d3.csv()` and renders the bars as SVG rectangles. Axes are generated with `d3.axisBottom()` and `d3.axisLeft()`, while the x-axis labels are rotated to avoid overlap. The bars use a teal color that darkens on hover.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Q1.1

A horizontal bar chart shows the population of ten countries in the year 2000, using static SVG rectangles colored in steel blue. The visualization ranks countries by population value, with China and India leading the dataset. It uses d3.scaleLinear for the x-axis, d3.scaleBand for the y-axis categories, and d3.axisBottom and d3.axisLeft to render the axes. The chart displays hardcoded population data and includes a title and x-axis label, with styling applied via external CSS.

Rragasrikakarla27@gmail.com

91% match

Loading thumbnail…

Fork of Fork of A6_Q1.1

A horizontal bar chart displays the population of ten countries for the year 2000, with countries listed on the y-axis and population values on the x-axis. Population data is loaded via `d3.csv` from a GitHub-hosted CSV file and rendered as SVG. The chart uses `scaleBand` and `scaleLinear` for positioning, with tick marks colored blue and bars in light green. Hovering over a bar shows its population via a native SVG `title` element. Built with React and D3 v5, the code defines reusable axis and mark components to structure the visualization.

VVarshith Peddineni

87% match

Loading thumbnail…

Fork of Fork of act6_Q1.1_11719493

This visualization is a horizontal bar chart showing the population of the top 10 most populated countries in the year 2000. The bars are rendered as light green rectangles using SVG, with a linear scale for the population values on the x-axis and a band scale for the countries on the y-axis. The chart uses D3 v7, specifically `d3.axisBottom`, `d3.axisLeft`, `d3.scaleLinear`, and `d3.scaleBand`, to construct the axes and marks. Data is loaded from a remote CSV file via `d3.csv`, then processed and sorted before display.

Ssravani1969@gmail.com

87% match

Loading thumbnail…

Fork of Activity-6 Q1-1.1

This horizontal bar chart visualizes the population of ten countries in the year 2000. Sorted bars extend from the left, with light green rectangles representing each nation's population value, while the y-axis lists country names and the x-axis displays population counts. Built with D3 v7, the visualization uses `d3.axisBottom` and `d3.axisLeft` for axes, `d3.scaleBand` for the categorical y-axis, and `d3.scaleLinear` for the quantitative x-axis. Data is loaded asynchronously from a CSV file via `d3.csv`, and the SVG rendering is generated through separate modules for axes, marks, and data fetching.

Kkrishi7079@gmail.com

86% match

Loading thumbnail…

Fork of A7-Q1. samp

This visualization displays a responsive bar chart showing the population of countries for the year 2000, with each bar labeled on the y-axis and horizontal bar lengths representing population values. The chart uses D3 scales to map data to screen coordinates, with React components (AxisBottom, AxisLeft, Marks) rendering SVG elements for ticks and bars. Data comes from a CSV file loaded via d3.csv, with population values transformed in a row function. The bars include tooltips showing the formatted population value when hovered, and the chart is styled with green fills and blue tick lines.

Ssriyaalugupalli@my.unt.edu

86% match

Loading thumbnail…

Q1.1

This bar chart displays the population of ten countries in the year 2000, with horizontal bars sorted by country name. The visualization uses React components to render SVG elements, with d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis. Data is loaded asynchronously via d3.csv from a GitHub gist, with population values converted from thousands. The chart includes formatted axis ticks using d3.format with SI notation, and each bar contains a native SVG title element for tooltip display.

HHarshithakodakandla@my.unt.edu

86% match

Loading thumbnail…

Q1.1

This horizontal bar chart displays the population of ten countries in the year 2000, using a log-linear scale for the quantitative axis. Built with React and D3 v5, the visualization loads CSV data from a remote source and renders SVG elements. The code demonstrates importing D3 functions like `scaleBand`, `scaleLinear`, and `format`, alongside custom ES6 modules for axes and marks.

AAbdul Kareem

85% match

Loading thumbnail…

Fork of Tutorial 1

This is a horizontal bar chart showing the populations of the top 10 countries in the year 2000. Built with D3 v7, the visualization uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis. The bars are rendered as SVGs using `d3.axisBottom`, `d3.axisLeft`, and `d3.selectAll` to draw rectangles. Data is loaded asynchronously via `d3.csv` from a remote GitHub repository.

Pperamranji

85% match