Skip to main content
SimilarExport ZIP
100%

Fork of Activity_7.2

✓ Published0🌍 Public
TThai Ha Dang
Last edited Nov 2, 2024
Created on Nov 2, 2024
Forked from Activity_7.1

This stacked area chart shows population trends for China, India, the USA, and Indonesia from 1960 to 2020. It uses d3.stack, d3.area, and d3.scaleTime with annotated dots at five-year intervals on a light gray grid. Data is loaded as CSV from a GitHub gist and rendered as SVG with d3-axis for tick marks and a legend. Each country is assigned a distinct fill color with 70% opacity.

AI-generated description

A demonstration of Pie chart.

MIT Licensed

Similar vizzes

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

Fork of area chart

This example displays India’s population over time as a filled area chart. It loads CSV data from a GitHub gist and renders an SVG with D3 v7, using `d3.area`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to draw the path and labeled axes. The chart encodes years on the x-axis and population values on the y-axis, with a steelblue fill.

Nnaveen.dodda4321@gmail.com
80% match
Loading thumbnail…

Fork of Activity7.1_Question2

This area chart displays world population growth from 1970 to 2022, aggregating country-level data from a CSV loaded via `d3.tsv`. The visualization uses `d3.area` and `d3.line` with a monotone curve, rendering an SVG with an axis generated by `d3.axisBottom` and `d3.axisLeft`, plus circles for each data point. The y-axis labels show population in billions, and the x-axis formats years as integers. The chart includes an accessible `<svg>` element with a title and descriptive aria-label.

GGunna,Praneeth Reddy
80% match
Loading thumbnail…

Fork of Activity7_Task2

This area chart visualizes population values across a small set of years, with the data sorted by year to create a continuous filled shape. The visualization uses D3 v7 to render an SVG, employing linear scales for both axes, `d3.area()` to generate the filled path, and `d3.axisBottom` and `d3.axisLeft` for tick marks. The chart is drawn with a steelblue fill, black stroke, and labeled axes for Year and Population, based on hardcoded sample data.

Ssaimanvith22@gmail.com
80% match
Loading thumbnail…

Fork of Activity 7

This example shows the population of the top 20 countries in 2020 as a horizontal bar chart, with country names on the y-axis and population values on the x-axis. It is rendered as SVG in a React application using D3 v5 scales such as `scaleBand` and `scaleLinear`, with data loaded from a CSV file via D3’s `csv` function. The bars are colored light green, and the x-axis labels use D3’s `format` to abbreviate values into billions.

Iindushashi.g@gmail.com
80% match
Loading thumbnail…

Fork of Fork of Activity 7

This chart displays the populations of twenty countries in 2020 as horizontal bars, sorted by country name along the vertical axis and scaled linearly by population along the horizontal axis. The visualization is rendered as an SVG using React, with D3 v5’s `scaleBand` and `scaleLinear` handling the axis mappings and `format` producing the tick labels. Data is fetched via `d3.csv` from a remote GitHub-hosted CSV file, and each bar includes a tooltip showing its formatted population value.

Ssairamisetti3829@gmail.com
80% match
Loading thumbnail…

Fork of Assignment 2 part2

This area chart visualizes population trends across multiple countries over time, with each country represented by a filled area path. The data comes from a CSV file containing yearly population figures, processed into chronological series using d3.csv and custom data transformation. The visualization employs d3.area(), d3.scaleTime(), and d3.scaleLinear() for rendering, along with d3.axisBottom() and d3.axisLeft() for axes. A categorical color scale (d3.scaleOrdinal with schemeCategory10) distinguishes countries, while a legend identifies each series. The chart is rendered as SVG with configurable width, height, and margins through a reusable areaChart() function.

Aamulyabhagwat1999@gmail.com
80% match
Loading thumbnail…

Fork of Activity6-Q3.6

This D3.js (v7) scatter plot visualizes population data over time, with each circle representing a country-year observation. The plot distinguishes USA data points in blue from other countries in orange, using year on the x-axis and population on the y-axis. The code loads CSV data from a GitHub repository, converts numeric fields, applies linear scales via `d3.scaleLinear`, and renders axes with `d3.axisBottom` and `d3.axisLeft`. Circle positions are set using the scaled x and y coordinates, with point radius fixed at 5 pixels. The SVG output automatically sizes to the browser window dimensions.

Ssriyaalugupalli@my.unt.edu
80% match