Skip to main content
SimilarExport ZIP
100%

activity7_question2

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

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.

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_question1_1

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.

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
78% 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…

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

Activity7_Q2

This example displays an area chart comparing tree species by average height and lifespan, with two overlapping translucent regions representing each metric. It loads data from a CSV file hosted on GitHub Gist and renders the visualization as an SVG. The code uses D3 v7 APIs including `csv`, `scaleBand`, `scaleLinear`, `area`, `axisBottom`, and `axisLeft` to construct the chart. The `area` generator creates the filled paths, with categorical color coding—blue for height and orange for lifespan—and the chart adapts to the viewport size.

VVarshith Peddineni
75% match
Loading thumbnail…

Activity-9_Question-2

This example shows an area chart of temperature over time, with a filled region beneath a line that maps date to temperature readings. The visualization uses D3 v5 to load a CSV dataset from a gist, parse dates with `d3.timeParse`, and create the chart with `d3.area` and `d3.scaleTime`/`d3.scaleLinear`. It renders to an SVG via a `path` element, styled with a categorical color scheme, and includes labeled x- and y-axes using `d3.axisBottom` and `d3.axisLeft`. The data source is a remote CSV file, and the chart displays the unlabeled series with a single filled area.

Hharipadmavathim2023@gmail.com
75% match