Skip to main content
SimilarExport ZIP
100%

Activity - 7 - Q2

✓ Published0🌍 Public
NNitish Thotakura
Last edited Apr 10, 2025
Created on Apr 10, 2025
Forked from Hello VizHub

This chart displays the number of space launches per year worldwide using a line and area chart. The visualization uses D3 v5 to load CSV data, map year strings to Date objects, and render SVG paths with a basis curve. The y-axis uses abbreviated numbers, and both axes are labeled. The line and area are styled with CSS classes, and the chart includes grid lines and axis labels.

AI-generated description
MIT Licensed

Similar vizzes

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

Activity 7 Q2

This area chart visualizes monthly website visitor counts using a time-series line that fills the space beneath it in steel blue. The SVG visualization is built with D3 v7, loading CSV data from a GitHub raw dataset. It employs `d3.scaleTime` for the date axis and `d3.scaleLinear` for the visitor count, while `d3.area` generates the filled path. Axis labels and a descriptive title are included for clarity.

Aanisha.peddireddy@gmail.com
80% match
Loading thumbnail…

Line Chart shows the number of launches per year

This line chart shows the number of launches per year from 1950 to 2020, with each company represented by a distinct color and a tooltip displaying the company name and mission count on hover. Built with vega-lite-api, vega-tooltip, and d3.v5, it uses vl.markLine, vl.x().timeUnit('year'), and vl.y().count() to aggregate the Space_Missions.csv dataset, which is loaded via d3.csv. The visualization renders in SVG with a custom config for axis styling and fills the viewport.

Nnaisargidave
78% match
Loading thumbnail…

Line Chart shows the number of launches per year

This line chart shows the number of launches per year from 1950 to 2020, with each company represented by a distinct color and a tooltip displaying the company name and mission count on hover. Built with vega-lite-api, vega-tooltip, and d3.v5, it uses vl.markLine, vl.x().timeUnit('year'), and vl.y().count() to aggregate the Space_Missions.csv dataset, which is loaded via d3.csv. The visualization renders in SVG with a custom config for axis styling and fills the viewport.

Nnaisargidave
78% match
Loading thumbnail…

Activity7_Q2

This area chart tracks website visits by month throughout 2023, with the data loaded from a CSV file via `d3.csv`. The visualization uses `d3.area()` with a band scale for months and a linear scale for visit counts, rendered as an SVG path. Axes are created with `d3.axisBottom` and `d3.axisLeft`, and both the chart area and axis labels are styled with steelblue fill and explicit text annotations.

Aaravapalliharika2002@gmail.com
77% match
Loading thumbnail…

Activity - 7_Question - 2

This area chart displays monthly sales data over time, with the date on the x-axis and sales figures on the y-axis. The visualization loads CSV data from a GitHub Gist, parses date strings using `d3.timeParse`, and renders a filled area path with a steelblue color. The chart uses `d3.scaleTime` and `d3.scaleLinear` for axis scaling, `d3.area` for the area generator, and `d3.axisBottom`/`d3.axisLeft` to draw the axes, all within an SVG container.

Mmalisettisaisumanth@gmail.com
77% match
Loading thumbnail…

Activity7-Question2

This area chart shows the number of Formula 1 races held each year, with a yellow fill beneath a black line curve. The visualization uses D3 v5 to load CSV data from a GitHub repository, parse dates, and render an SVG. It employs d3.scaleTime and d3.scaleLinear for axes, while d3.line, d3.area, and curveBasis generate the smoothed path and filled region.

MMounishAllam@my.unt.edu
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