Skip to main content
SimilarExport ZIP
100%

activity7_question1_1

✓ Published1🌍 Public
Sshreshikaveerannagari@gmail.com
Last edited Apr 9, 2025
Created on Apr 9, 2025
Forked from Hello VizHub

This visualization uses a layered area chart to show AI adoption rates in agriculture across six continents from 2010 to 2024. The chart displays semi-transparent stacked regions for North America, Europe, Asia, Africa, South America, and Oceania, with an SVG rendering via d3.area paths and linear scales for year and percentage axes. The code loads CSV data from a GitHub gist, processes it with d3.csv, and includes a color-coded legend and axis labels, all built with d3.v7.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

activity7_question2

This visualization displays AI adoption rates in agriculture by continent from 2010 to 2024, using stacked semi-transparent area layers for six regions. Multiple area paths are generated with d3.area for each continent, colored with rgba fills and overlaid to show comparative trends. The data is loaded from a CSV via d3.csv, with linear scales for year and adoption percentage, rendered as SVG. The chart includes axes, labels, a title, and a custom legend, all built using D3 v7 APIs such as d3.scaleLinear, d3.axisBottom, and d3.axisLeft.

Sshreshikaveerannagari@gmail.com
96% match
Loading thumbnail…

activity7_question2

This example shows AI adoption in agriculture by continent from 2010 to 2024 using layered filled areas. The visualization uses d3.csv to load data from a GitHub gist, then draws six stacked area paths with d3.area, colored by region. It employs d3.scaleLinear for x and y axes, d3.axisBottom and d3.axisLeft for tick marks, and a custom legend created with SVG rectangles and text. The chart is rendered entirely in SVG via d3.select, with styling applied directly through D3 attributes.

Sshreshikaveerannagari@gmail.com
94% match
Loading thumbnail…

Activity_7_Q2(11807290)

This area chart shows population trends across continents from 2000 to 2020, with each continent represented as a stacked colored layer. The visualization uses d3.stack() to aggregate population data by year and continent, and d3.area() to render the stacked layers as SVG paths. Axes are generated with d3.axisLeft() and d3.axisBottom(), while colors are assigned via d3.scaleOrdinal() with d3.schemeCategory10. Data is loaded asynchronously from a remote CSV using d3.csv, and a custom legend identifies each continent.

Cchowdaryhemanth14@gmail.com
80% match
Loading thumbnail…

Activity7_Areachart

This area chart visualizes yearly CO2 emissions from 2010 to 2021 for North America, with data loaded from a remote text file. The code uses D3 v7 to group the data by region, apply a time scale for years, and generate filled SVG areas via `d3.area`. Two placeholder colors distinguish the single visible region, while axes, labels, and a legend are added using `d3.axisBottom` and `d3.axisLeft`. The visualization renders entirely as an SVG within a styled HTML container.

Llikhitha.sarahah01@gmail.com
77% match
Loading thumbnail…

Activity7_Q2

A stacked area chart displays population trends by continent over time, aggregating country-level data into five continental groups. D3 v6 loads population data from a CSV URL and maps countries to continents before stacking the values. The visualization uses `d3.stack`, `d3.area`, `scaleTime`, `scaleLinear`, and `scaleOrdinal` to render smooth curves with a color legend. Data spans multiple years, with axes formatted via `axisBottom` and `axisLeft`. The chart renders as an SVG appended to the HTML body, with the `curveBasis` interpolation applied to the area generator.

SShiva Sai Reddy
77% match
Loading thumbnail…

Activity6_question3

This scatter plot visualizes the cities dataset, showing each city as a circle positioned by its area (x-axis) and population (y-axis), with colors indicating the region. It uses D3 v6 APIs including `csv`, `scaleLinear`, `axisLeft`, and `axisBottom` to load data from a GitHub CSV URL and render an SVG chart. The code sets fixed dimensions, applies margins, and uses a switch statement to assign distinct colors to North America, South America, Europe, Asia, and Africa, while smaller tick labels improve readability.

PPreethi Medepalli-91
76% match
Loading thumbnail…

Activity 9.3

This area chart visualizes the growth percentage of AI over time, with years on the x-axis and growth percentage on the y-axis. The chart uses a smooth curve to connect data points, filling the area below the line in sky blue. The code imports D3 v7 functions like `scaleTime`, `scaleLinear`, `area`, and `curveBasis` to generate the SVG path. Data is loaded from a CSV file via `csv`, with axes rendered using `axisLeft`, `axisBottom`, and gridlines styled through CSS.

Ss.harshinisai01@gmail.com
76% match
Loading thumbnail…

Activity 7 question 2

This example demonstrates a stacked area chart that visualizes fruit quantities across years. The visualization uses D3.js v7 to load CSV data from a GitHub repository and render the stacked areas with a categorical color scheme. The code employs D3's `d3.stack()`, `d3.area()`, `d3.scaleBand()`, and `d3.scaleLinear()` APIs to construct the chart, along with `d3.axisBottom()` and `d3.axisLeft()` for axes. The SVG output is styled with semi-transparent areas and labeled axes for year and fruit quantity.

SSowjanya Devupalli
76% match