Skip to main content
SimilarExport ZIP
100%

Activity_7.2

✓ Published0🌍 Public
AAnilreddyveeraiahgari@my.unt.edu
Last edited Apr 11, 2025
Created on Apr 11, 2025
Forked from Hello VizHub

This area chart compares export values for China and the USA over time, using semi-transparent light blue and light green filled regions to show the trends for each country. The visualization is built with D3.js v7 and renders to SVG, using `d3.area()` to generate the stacked-looking paths and `d3.scaleLinear()` for the axes. Data is loaded from a remote CSV file and parsed before being mapped to the x-axis (year) and y-axis (exports in billion USD).

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Project

This scatter plot visualizes annual export values from 2000 to 2016, comparing shipments to the United States against those to China, with each point representing a country-year observation. The chart uses D3 v5's `scaleLinear`, `axisLeft`, and `axisBottom` to construct axes with abbreviated number formatting, while circles are rendered via SVG. Data comes from a CSV file loaded with `d3.csv`, and the code explicitly converts six country columns to numeric values before plotting. Red, semi-transparent circles reveal overlapping data density, with labeled axes and a title indicating the export comparison.

Vveagy
78% match
Loading thumbnail…

Project

This scatter plot visualizes worldwide export values to the United States and China from 2000 to 2016, with each circle representing a country’s annual exports. The data comes from a CSV file loaded via `d3.csv`, and the chart uses `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to render axes with abbreviated tick labels. Circles are drawn as SVG elements with a fixed radius, while axis labels and the title are added as SVG text. The visualization shows the relationship between exports to the two major economies, with overlapping red circles indicating similar values.

Vveagy
78% match
Loading thumbnail…

Activity 9 q2

This area chart displays the exchange rate of USD over time, using a green filled area to emphasize the trend. The visualization is rendered as an SVG and built with D3 v7, which handles data parsing, time-based scaling on the x-axis, and linear scaling on the y-axis. The chart also includes labeled axes for "Year" and "USD", with the area path generated by `d3.area()`. The data is loaded from a remote CSV file, and the chart is styled with a green fill and black stroke.

Cchinnivikramnunna@gmail.com
77% match
Loading thumbnail…

Activity_7 Q2

This area chart visualizes monthly sales data over time, with a light blue filled region beneath a steel-blue line. The visualization loads a CSV dataset from a GitHub repository and uses D3.js v7 to parse dates and render the SVG chart. It employs `d3.scaleTime` for the x-axis, `d3.scaleLinear` for the y-axis, and a `d3.area` generator to create the shaded region. The chart includes labeled axes for month and sales values.

Aaschowdary.shashi@gmail.com
77% match
Loading thumbnail…

Fork of Activity_7.2

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.

TThai Ha Dang
76% match
Loading thumbnail…

Exports to US and China ($)

This scatterplot shows the relationship between exports to the United States and exports to China for various countries from 2000 to 2016, based on World Trade Organization data. Each circle represents a country, colored by its indicator description, with axes labeled for the two destinations. The visualization uses D3 v5’s `scaleLinear`, `axisLeft`, `axisBottom`, and `scaleOrdinal` with `schemeCategory10`, rendering as SVG. Data is loaded via `d3.csv` and formatted with `format(".2s")`, while a legend identifies the color-coded categories.

Vveagy
76% match
Loading thumbnail…

Activity 7 AreaChart

A D3.js area chart visualizes USA CO2 emissions from 2000 to 2024, with a steelblue filled region showing emission changes over time. The chart loads data from a remote CSV file, parses it using `d3.csv`, and renders the area via `d3.area()` with linear scales for both axes. Axes are generated with `d3.axisBottom` and `d3.axisLeft`, while labels and a title provide context.

Gguttavenkata745@gmail.com
76% match
Loading thumbnail…

Try one

A scatterplot compares export values to the United States versus China using a CSV dataset of worldwide exports from 2000–2016. Each circle’s color encodes an indicator description via d3.scaleOrdinal with schemeCategory10, with a legend and linear axes formatted using d3.format. The visualization is rendered as an SVG using d3.select, d3.scaleLinear, d3.extent, d3.axisLeft, and d3.axisBottom, with a title and labeled axes.

Vveagy
75% match