Skip to main content
SimilarExport ZIP
100%

Fork of Q1.1

✓ Published0🌍 Public
Rragasrikakarla27@gmail.com
Last edited Oct 30, 2025
Created on Oct 30, 2025
Forked from 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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of 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.

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
86% match
Loading thumbnail…

Fork of Fork of Making A Bar Chart

This example displays a horizontal bar chart of country populations, with China and India leading and the remaining countries descending in size. The chart uses d3.csv to load population data, d3.scaleLinear and d3.scaleBand for scaling, and d3.axisLeft and d3.axisBottom to generate axes. Rectangles are appended to an SVG and sized proportionally to population values, which are multiplied by 1000. The visualization is rendered entirely in SVG with a steelblue fill.

NNikithakatta30
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
85% match
Loading thumbnail…

Fork of Vertical Bar Chart

This vertical bar chart displays population data for ten countries, using D3 v6 (d3.scaleBand, d3.scaleLinear, d3.axisLeft, d3.axisBottom) and SVG rendering. The bars, initially steelblue, turn red with a blue stroke and show a text label with the population count (formatted using d3.format) on mouseover, which disappears on mouseout. The chart’s dimensions adapt to the window size, and a custom format-india function is available for Indian number formatting, though not used in the main rendering.

Lluckylaksh0
85% match
Loading thumbnail…

Q1.1

A horizontal bar chart compares the year-2000 populations of ten countries, using data from Activity6_Population.csv. The chart uses D3 v7 to load and parse the CSV, filtering rows for the year 2000. A `d3.scaleLinear` maps population values to the x-axis, while a `d3.scaleBand` positions the categorical country labels on the y-axis. Rectangles are appended and sized based on the scaled population values, with axis labels and tick formatting applied via `d3.axisBottom` and `d3.axisLeft`.

Rragasrikakarla27@gmail.com
85% match
Loading thumbnail…

Q1.2

A bar chart displays the 2000 population totals for ten countries, ranging from China's 1.26 billion to Nigeria's 124 million. The visualization uses D3.js v7 with an SVG rendering approach, loading data from a CSV file. It applies `d3.scaleBand` for the categorical x-axis and `d3.scaleLinear` for the population y-axis, with rotated axis labels and hover effects on the bars.

Rragasrikakarla27@gmail.com
84% match
Loading thumbnail…

Fork of act6_Q1.1_11719493

This bar chart displays the top 10 countries by population in the year 2000, sorted in descending order. It uses d3.csv to load the data, then d3.scaleBand for the categorical y-axis and d3.scaleLinear for the quantitative x-axis. The chart renders SVG rectangles with a light green fill via d3.selectAll and data joins. Axes are drawn using d3.axisBottom and d3.axisLeft, with a rotated y-axis label. The code is structured as separate ES modules for data loading, axes, and marks.

Ssravani1969@gmail.com
84% match