Skip to main content
SimilarExport ZIP
100%

activity7-question 2

✓ Published0🌍 Public
Ppraneeth.d555@gmail.com
Last edited Nov 5, 2024
Created on Nov 5, 2024
Forked from Hello VizHub

This area chart illustrates the growth of global internet users from 1990 to 2023, with the y-axis representing users in millions and the x-axis showing years. The visualization uses a purple-to-pink gradient fill beneath the line to emphasize the upward trend. The code loads CSV data from a GitHub gist and renders the chart as an SVG using D3.js v7, employing `d3.area` for the filled region, `d3.scaleLinear` for axes, and `d3.axisBottom`/`d3.axisLeft` for tick marks and labels.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

act 7 q2

This example displays an area chart depicting the global number of internet users per year. The visualization loads CSV data from a remote GitHub repository, parsing the year and user counts before rendering. Built with D3.js v6, the code uses `d3.area()` and `d3.line()` to generate the filled region and an overlaid line, with axes created via `d3.axisBottom` and `d3.axisLeft`. The chart is rendered as an SVG within a 900x500 viewport.

Vvinaykollapudi@my.unt.edu
84% match
Loading thumbnail…

Activity 7.1 Question 2

This area chart shows monthly website traffic, with visitors plotted against months on a blue-labeled axis grid. The code imports D3 v5 functions like `select`, `csv`, `scaleTime`, `scaleLinear`, `axisLeft`, `axisBottom`, `area`, and `curveBasis` to load CSV data, parse months, and render a smooth orange area path beneath the curve. The SVG’s width and height attributes drive the coordinate system, while margins position the axes and labels. Data is fetched from a GitHub gist, with the y-axis fixed between 1,000 and 2,400 visitors.

MMandadi Nishita
79% match
Loading thumbnail…

activity7 Question 2

This example shows monthly visitor counts as a filled area chart, with the area colored in teal and labeled axes for month and visitor numbers. The code uses d3.csv to load data from a GitHub gist, then applies d3.scalePoint for the x-axis and d3.scaleLinear for the y-axis. It generates the area shape with d3.area and renders it as an SVG path, adding d3.axisBottom and d3.axisLeft for the chart axes.

MMahimaChowdaryKasthala@my.unt.edu
79% match
Loading thumbnail…

Activity7_Question2

This area chart shows average daily screen time in hours across different age groups, based on a CSV file loaded from a GitHub gist. The code uses D3 v7 to build the visualization, parsing the data with `d3.csv` and rendering the area path with `d3.area`. A point scale maps age categories horizontally, while a linear scale handles the vertical time axis, with axes generated using `d3.axisBottom` and `d3.axisLeft`. The SVG output includes labeled axes and a filled purple area with a dark stroke.

Eenochabraham97@gmail.com
78% 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
78% match
Loading thumbnail…

Activity6_Q-2.3

This stacked bar chart shows the proportion of global internet users across six regions—Africa, Asia, Europe, North America, South America, and Oceania—from 2015 to 2019. Using d3.v7 and SVG, it stacks yearly percentage values per region via `d3.stack()`, with bars colored by year through `d3.scaleOrdinal()`. The visualization includes axes generated by `d3.axisBottom()` and `d3.axisLeft()` with percentage formatting, plus a clickable legend. Data comes from the included `internet-users.csv` file, and clicking a bar alerts the region, year, and percentage.

Tthoutunikhitha@gmail.com
77% match
Loading thumbnail…

Activity 7 _ Q2

This area chart visualizes monthly visitor counts for 2024, using a steel-blue filled path to show trends over time. The D3.js v7 code loads CSV data from a GitHub repository, parses dates with `d3.timeParse`, and renders axes with `d3.axisBottom` and `d3.axisLeft`. The area shape is generated with `d3.area`, and the SVG output includes labeled axes for month and visitor numbers.

Mmsnikhil2608@gmail.com
76% match
Loading thumbnail…

Fork of Activity 7_2

This fork of Activity 7_2 displays an area chart of smart mobile users from 2007 to 2024, using a smooth curved line and filled area to show growth over time. The visualization is built with D3 v5, importing `select`, `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, `line`, `area`, and `curveBasis` to create the SVG-based chart. Data is loaded asynchronously from a remote CSV file, with the x-axis representing years and the y-axis showing user counts formatted in compact notation. The chart includes labeled axes and uses margin-based layout with grid lines provided by tick sizes.

Hhlmn4936@gmail.com
76% match