Skip to main content
SimilarExport ZIP
100%

T9_Q2_Aadesh

✓ Published0🌍 Public
Aaadesh.pranesh@gmail.com
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from T9_Q1_Aadesh

This area chart visualizes the stock prices of Amazon and Tesla over time, with the y-axis representing price and the x-axis representing year. The chart uses two filled areas with linear gradients—steel blue for Amazon and orange for Tesla—to highlight the trends and compare the two companies' performance. The visualization is built with D3.js v7, loading data from a CSV file containing oil price and stock price data, and rendering as an SVG. Axes are scaled using `d3.scaleLinear` and `d3.extent`, while the areas are generated with `d3.area`.

AI-generated description

A simple line chart with D3 showing the US Airline Traffic Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity9Ques-2

This area chart visualizes the change in Amazon and Tesla stock prices over time, using a dataset loaded from a CSV URL. The chart displays two filled areas with linear gradients, one in blue for Amazon and one in orange for Tesla, against axes labeled "Year" and "Stock Price". Built with D3.js v7, the code parses the CSV, applies linear scales for both axes, and uses the `d3.area` API to generate the paths. The SVG output includes axis ticks and labels, with a light background and borders styled by CSS.

Ssirichandana017@gmail.com
88% match
Loading thumbnail…

Activity 7q2

This area chart compares Amazon and Tesla stock prices over time, with each series filled by a gradient that fades to transparency. The chart uses D3.js (d3.v7) to load data from a CSV file, parse year and price values, and render the visualization as an SVG. It constructs linear scales for both axes, builds the area paths with `d3.area()`, applies linear gradients for each series, and labels the axes with `d3.axisBottom` and `d3.axisLeft`. The data source is a remote Gist CSV file.

Ssudhimaganti.49@gmail.com
85% match
Loading thumbnail…

Area Chart Data Visualization

This area chart shows Tesla stock price over time, with a red line tracing yearly price changes and a light pink fill underneath to emphasize the area between the line and the baseline. The visualization uses D3 v5’s `scaleTime`, `scaleLinear`, and `axisBottom`/`axisLeft` to map date and price data from a CSV, while the `line` and `area` generators with `curveBasis` create the smooth connected path and filled region. Data is parsed with `d3.timeParse` and rendered as SVG.

Bbrindapotluri
78% match
Loading thumbnail…

Area Chart Data Visualization

This area chart displays Amazon's stock price over time, using a smooth, curved line and a gray shaded region beneath it to emphasize the trend. The visualization is built with D3 v5 within a React framework, rendering as an SVG. It uses `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `d3.line` and `d3.area` generators with `curveBasis` for smoothing. The data is loaded from a CSV file and parsed with `d3.timeParse`, while axes are drawn using `axisBottom` and `axisLeft`.

AAditya Pujari
77% match
Loading thumbnail…

Fork of Fork of Fork of Fork of Area chart Graph

This area chart visualizes Tesla’s daily closing stock prices from mid-2019 through early 2021, using a green, semi-transparent fill to highlight the price trend over time. The visualization is rendered as an SVG in a D3.js v7 script, loading a CSV dataset and parsing dates with `d3.timeParse`. The chart constructs its x- and y-axes using `d3.scaleTime` and `d3.scaleLinear`, draws the area with the `d3.area` generator, and adds labeled axes and a title through SVG text elements.

Vvemuri.vaishnavi27@gmail.com
76% match
Loading thumbnail…

Area chart

This area chart displays Amazon’s daily closing stock prices from May to August 2019. The SVG visualization uses d3.csv to load the data, d3.timeParse for dates, and d3.scaleTime and d3.scaleLinear for axes. A d3.area generator fills the region beneath the price line, rendered as a black path with 30% opacity, with labeled time and price axes.

Vvaishnavgck@gmail.com
76% match
Loading thumbnail…

Area chart

This area chart displays Amazon’s daily closing stock prices from May to August 2019, with time on the x-axis and price on the y-axis. The visualization uses D3 v6 to load the CSV data, parse dates, and construct scales with `d3.scaleTime` and `d3.scaleLinear`. The line is drawn using `d3.line`, while axes are generated via `d3.axisBottom` and `d3.axisLeft`, all rendered as SVG elements within a single chart.

Vvaishnavgck@gmail.com
76% match
Loading thumbnail…

Stock of Amazon

This example visualizes Amazon’s average annual stock price as a blue area chart over time, with red titles and axis labels. It uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `area` with `curveBasis` to render smooth SVG paths. Data is loaded via `d3.csv` from a public GitHub gist, and the chart includes grid lines, tick formatting, and rotated y-axis labels.

Jjayavamsi
76% match