Skip to main content
SimilarExport ZIP
100%

Fork of Activity6_task1 question2

✓ Published0🌍 Public
Ppuppireddyarchana@gmail.com
Last edited Apr 7, 2025
Created on Apr 7, 2025
Forked from Activity6_Q 1.2

This visualization displays the top 20 countries by population in 2010, using horizontal bars to compare values. The data is loaded from a CSV file via `d3.csv` and rendered as SVG rectangles, with the y-axis ordered by descending population. The chart uses `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population scale, with axes formatted using `d3.axisBottom` and `d3.axisLeft`.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of activity6_task1 question2

This visualization displays a horizontal bar chart that compares population counts by country for the year 2010. The chart uses a linear scale for the x-axis and a band scale for the y-axis, with bars rendered as SVG rectangles filled in steelblue. The code leverages d3.csv to load population data from a remote GitHub repository, then uses d3.axisBottom and d3.axisLeft to generate the axes. The x-axis labels are formatted using d3.format with the '.2s' specifier to abbreviate large numbers.

Ppuppireddyarchana@gmail.com
92% match
Loading thumbnail…

activity6_task1 question

This example shows the population of the top 10 countries in the year 2000 as a horizontal bar chart, using D3 v7 to render SVG elements. The data is loaded asynchronously from a CSV file via `d3.csv`, sorted in descending order, and then visualized with `d3.scaleBand` for the categorical country axis and `d3.scaleLinear` for the population scale. The bars are drawn with `rect` elements using the `Marks` component, while the axes are generated with `d3.axisBottom` and `d3.axisLeft`. The chart is configured with a fixed SVG size and defined margins.

Ppuppireddyarchana@gmail.com
91% match
Loading thumbnail…

Fork of Activity 6 task1-Q2

This visualization shows the top 20 countries by population in 2010 using a horizontal bar chart. The SVG rendering uses D3 v6’s `scaleLinear` and `scaleBand` to map population values and country names to bar lengths and vertical positions. The bars are dark green and turn orange on hover. Axes are drawn with `axisBottom` and `axisLeft`, with tick labels formatted using D3’s `.2s` format, and the data is sourced from a static array returned by `getPopulationData`.

Ssahithitoomu@gmail.com
90% match
Loading thumbnail…

Fork of activity 6_Task 1_Question1-2

This example displays a horizontal bar chart of the top 20 countries by 2010 population. The visualization uses React with D3 v5 utilities, including `scaleBand` for the categorical y-axis, `scaleLinear` for the numeric x-axis, and custom `AxisBottom` and `AxisLeft` components. Population values are loaded from a remote CSV file using `csv()`, with the data formatted in billions using D3’s `format` function. Rectangular marks are rendered as SVG elements, each with a tooltip showing the formatted population value.

Kkondaveeti.bhargavi7780@gmail.com
90% match
Loading thumbnail…

Fork of Activity 6_Task 1

This bar chart displays the 2020 population for the top 30 countries, sorted along a horizontal axis with population values and a vertical axis listing country names. The visualization uses D3 v7 to load CSV data, create a linear x-scale and band y-scale, and render light-green SVG rectangles. Axis components are built with `d3.axisBottom` and `d3.axisLeft`, with tick formatting that converts values to a concise billion/million notation (e.g., "1.2B"). The chart is generated entirely in SVG, with margins and scaling calculated in JavaScript.

Nnavyabade05@gmail.com
90% match
Loading thumbnail…

Fork of Activity6_Task1_Question2

This bar chart displays the population of the top 20 countries in 2020, with countries listed on the vertical axis and population values on the horizontal axis. The visualization uses React components to render SVG elements, with D3’s `scaleBand` and `scaleLinear` mapping data to positions. Each bar’s width reflects the population value, and hovering reveals a tooltip via the SVG `<title>` element. Data is loaded asynchronously from a GitHub-hosted CSV using D3’s `csv` function, formatted with `format('.2s')` to abbreviate large numbers. The chart includes custom axis components for bottom and left ticks.

Hharshabandi3060@gmail.com
89% match
Loading thumbnail…

Fork of Activity6_Task1_Question1.1

This visualization shows the top 10 countries by population in the year 2000 as a horizontal bar chart, with country names on the y-axis and population values on the x-axis. Population values are formatted in billions using the `format('.2s')` API. The chart is built with React and rendered as SVG, using D3 v5’s `scaleBand` and `scaleLinear` for the axes, with data loaded from a CSV file via `d3.csv`. It includes custom `AxisBottom` and `AxisLeft` components and light green bars with tooltips.

Hharshabandi3060@gmail.com
89% match
Loading thumbnail…

Activity6_task1_question2

This horizontal bar chart displays the top 20 countries by population in 2010, sorted in descending order with population values mapped to bar length. The visualization uses D3 v5’s `scaleBand` for the categorical y-axis and `scaleLinear` for the quantitative x-axis, with `d3.axisLeft` and `d3.axisBottom` rendering the axes. Data is loaded asynchronously via `d3.csv` from a remote gist, and the bars are drawn as SVG `rect` elements. Population values are formatted using `d3.format('.2s')` for compact tick labels.

Ssivachandraramanaidu.vnof52@gmail.com
89% match