Skip to main content
SimilarExport ZIP
100%

Assignment2_Q2_AreaChart_Harini

✓ Published0🌍 Public
Kkamarthyharini24@gmail.com
Last edited Apr 12, 2024
Created on Apr 8, 2024
Forked from Hello VizHub

This area chart displays the share of GDP contributed by U.S. school revenue sources from 1890 to 2010, stacking Local, State, and Federal components using a d3.stack() layout. The visualization uses d3.scaleTime and d3.scaleLinear for axes, d3.area() for the stacked layers, and d3.schemeCategory10 for color encoding. Hovering over any layer reveals a tooltip with year, individual source percentages, and total revenue. Data comes from a remote CSV file, rendered as SVG with D3 v7.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Assignment 2

This example shows the number of US students in a university from 2000 to 2008, using a combined line and area chart to emphasize the trend over time. The chart is rendered as an SVG using D3 v5, with a black line tracing the data and a semi-transparent aqua fill beneath it. The code imports specific D3 components like `select`, `csv`, `scaleLinear`, `axisLeft`, `axisBottom`, `line`, `area`, and `curveBasis` to build the visualization. Data is loaded from a CSV file hosted on GitHub, with year and student count parsed as numeric values for scaling and plotting.

VVenkataSatyaRamKamini@my.unt.edu
73% match
Loading thumbnail…

Assignment 2_Q2

This area chart visualizes annual sales data over time, with a blue filled region under a line that tracks the sales figures across different years. The chart is built using D3 version 7 and renders as an SVG. It loads data from a remote CSV file using `d3.csv` and constructs the visualization by applying a band scale for the x-axis (Year) and a linear scale for the y-axis (Sales). The area is generated with `d3.area`, while axes and labels are added via `d3.axisBottom`, `d3.axisLeft`, and text elements.

Ddineshreddy.ravula@gmail.com
73% match
Loading thumbnail…

Task-9 Q2

This visualization shows the yearly percentage of U.S. government education expenditure over time, using a single filled area to represent the trend. The area chart is rendered as an SVG with D3.js v7, loading CSV data from a GitHub gist. The code uses `d3.csv` to fetch data, `d3.scaleLinear` for both axes, and `d3.area` to generate the chart’s path. Axes are added via `d3.axisBottom` and `d3.axisLeft`, with labels for "Year" and "Gov Education Expenditure (%)". The chart is styled with a steelblue fill and includes margins for readability.

Mmoulidomar@hotmail.com
72% match
Loading thumbnail…

Assignment2_Question1(AreaChart)

This area chart visualizes long-term sales performance across four regions (North, South, East, West), using a stacked layout to show the total sales composition by year. Built with D3 v7, it reads CSV data, parses years, and applies `d3.stack()` with `d3.stackOffsetNone` to create the layered areas, colored via `d3.schemeCategory10`. The chart includes axes, labels, and a legend, with interactive tooltips that display region-specific sales values on mouseover using the `pointer-events` attribute and custom HTML tooltip styling.

Ssaisnehapalle@my.unt.edu
72% match
Loading thumbnail…

Activity 6_Question 2_Harini

A stacked bar chart displays the percentage distribution of 10th-grade student scores across eight subjects, with each bar divided into five score bands from “below 60” to “above 90.” The visualization reveals how performance varies by subject, such as higher top scores in Physics and Computer Science versus more mid-range results in Biology. Built with d3.v7 and SVG, the chart uses `d3.stack()` to compose segments, `d3.scaleBand` for subject placement, and `d3.scaleLinear` for percentages. Interactive tooltips appear on mouseover, showing precise values formatted with `d3.format('.2f')`. Data originates from the local CSV file `10thGradeScores.csv`.

Kkamarthyharini24@gmail.com
72% match
Loading thumbnail…

Assignment2-Area chart

This area chart visualizes the cost of sales from 2000 to 2013, with the x-axis representing time and the y-axis showing the cost value. The chart uses a smooth, curved line to connect data points, and the area beneath the line is filled with a cyan color to emphasize the magnitude of the values over time. The visualization is rendered as an SVG using D3 v5, with axes, labels, and gridlines styled via CSS. Data is loaded from a CSV file, and the chart is constructed using D3's `scaleLinear`, `scaleTime`, `area`, and `line` APIs.

Vvullihanumantharao@gmail.com
71% match
Loading thumbnail…

Assignment_7_Area Chart_jaswanth

This area chart shows music industry revenue in million USD per year from 2015 to 2022, highlighting a general upward trend. The visualization uses D3 v7’s `d3.area`, `d3.line`, and `d3.curveMonotoneX` generators to render a gradient-filled area and a stroked line over a time-series axis built with `d3.scaleTime`. Data is loaded asynchronously from a raw GitHub CSV via `d3.csv`, with hover tooltips on the circular marks triggered through SVG mouse events.

JJaswanthKoorapati@my.unt.edu
71% match
Loading thumbnail…

Assignment 2 Area Chart

This example presents a stacked area chart displaying population data across multiple countries. The visualization uses D3.js v6 to load CSV data, stack series with d3.stack, and render areas with d3.area, while d3.scaleBand and d3.scaleLinear position the categorical and numeric axes. The SVG output includes axis labels, a color-coded legend, and numeric value labels atop each segment. A d3.scaleOrdinal with the schemeCategory10 palette assigns distinct colors to each population category.

Ggnanendra097@gmail.com
71% match