area_chart_kouyou

100%

area_chart_kouyou

✓ Published0🌍 Public

Last edited Nov 29, 2017

Created on Nov 23, 2017

This area chart visualizes monthly stock price data for Microsoft (MSFT) and Amazon (AMZN) from January 2000 through March 2010, using an SVG-based D3 v4 implementation. The chart displays two overlapping area series, each representing the price trajectory of a company over time, with the data loaded from an external CSV dataset. The x-axis encodes time in months, while the y-axis maps the stock price, allowing a direct visual comparison of the two stocks' performance and volatility across the decade. The rendering uses smooth area paths to emphasize the magnitude and trends in price changes over the period.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/romsson/'>romsson</a>'s block: <a href='http://bl.ocks.org/romsson/57eb273e01761b829aaa95b28c8193c1'>loading multiple stock data from dataset</a>

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/b1fc7ac4c0e4ba6a821614cf37c9bc1f'>loading multiple stock data from dataset</a>

mit Licensed

Similar vizzes

Loading thumbnail…

[animated charts] stocks from dataset

This animated chart tracks monthly stock prices for Microsoft and Amazon from January 2000 through March 2010, using D3 v4 to render and animate lines. Drawn with SVG, the visualization smoothly transitions between data points over time, showing each stock's price fluctuations across the decade. The animation reveals how both stocks decline in the early 2000s, with Amazon’s drop to under $6 in late 2001 contrasting sharply with its later recovery to over $60 by 2010, while Microsoft’s price remains comparatively stable throughout.

EEssohanamKouyou

85% match

Loading thumbnail…

Area_Chart

This area chart compares monthly stock prices for MSFT, AMZN, and IBM from 2000 to 2010. It displays both filled areas and overlaid lines per symbol, using color to distinguish each company. The visualization is rendered with SVG, and the code uses d3.nest, d3.line, and d3.area with basis curves, plus d3.scaleTime and d3.scaleLinear for axes. Data is loaded from a CSV file and parsed with d3.dsvFormat.

BBarbierJeremy

84% match

Loading thumbnail…

areaChart

This example shows monthly stock prices for Microsoft, Amazon, and IBM from 2000 to 2010, displayed as small multiple area charts. The visualization initially draws simple line paths, then animates a transition into horizon charts, where each series is stacked vertically with an offset baseline. The code uses D3 v3 with SVG rendering, employing `d3.svg.line` and `d3.svg.area` generators, `d3.nest` to group data by symbol, and `d3.time.scale` for the date axis. Data comes from a CSV file with a `symbol,date,price` structure.

AAminaSGitHub

84% match

Loading thumbnail…

DataVizTP3_AreaChart

An area chart displays monthly closing stock prices for Microsoft, Amazon, and IBM from January 2000 through March 2010. Three semi-transparent filled regions, one per company, use color to distinguish the symbols, with a legend identifying each. Built with D3 v4 and rendered as SVG, the code uses `d3.area` and `d3.line` with basis curves, `d3.nest` to group the CSV data by symbol, and `d3.timeParse` for date handling. The y-axis is scaled to the maximum price across all series.

KKylaste

83% match

Loading thumbnail…

Tp3_DV_Rendu4

This visualization shows monthly stock prices for MSFT, AMZN, and IBM from 2000 to 2010, using layered area charts to compare trends across companies. Each symbol is displayed in its own horizontal band, with semi-transparent filled areas colored by company. The code uses D3 v3’s `d3.svg.area()`, `d3.svg.line()`, and `d3.time.scale()` to draw the SVG paths, while `d3.nest()` groups the CSV data by symbol. The chart sorts symbols by maximum price and applies basis interpolation for smooth curves.

AAminaSGitHub

82% match

Loading thumbnail…

TP3 Data viz

This visualization shows the monthly adjusted closing prices of Microsoft (MSFT) and Amazon (AMZN) from January 2000 to March 2010. It uses an SVG line chart with D3 v4, where each company’s price trend is plotted over time. The chart likely includes axes for date and price, with separate lines for each symbol, making it easy to compare the two stocks’ trajectories over the decade. The dataset is loaded from a CSV file containing symbol, date, and price columns. The visualization is built with D3.js and rendered as scalable vector graphics, using standard D3 scales and line generators to map the temporal and price data. The example is part of a block forked from romsson and created with blockbuilder.org, licensed under MIT.TP3 Data viz is a multi-line chart that visualizes monthly closing stock prices for Microsoft (MSFT) and Amazon (AMZN) from January 2000 to March 2010. Rendered as an SVG using D3 v4, the chart plots time along the x-axis and price on the y-axis, with separate colored lines for each symbol, enabling quick comparison of the two tech stocks' performance trends over the decade.

JJoymangulJensen

81% match

Loading thumbnail…

TP3_DataViz_Area

This visualization displays monthly stock prices for Microsoft, Amazon, and IBM from 2000 to 2010 using overlapping area charts and line paths. The code nests the CSV data by symbol, parses dates with `d3.timeParse`, and scales time and price with `d3.scaleTime` and `d3.scaleLinear`. It renders semi-transparent filled areas and stroked lines using `d3.area` with a basis curve, then adds axes via `d3.axisBottom` and `d3.axisLeft`, plus a color-coded legend based on `d3.scaleOrdinal`.

EElisaDnr

81% match

Loading thumbnail…

TP3 area chart

A small multiples area chart visualizes monthly closing prices for Microsoft, Amazon, and IBM from January 2000 through March 2010, with each symbol’s time series drawn as a filled steelblue region. The D3 v4 code uses `d3.text`, `d3.dsvFormat`, `d3.nest`, `d3.scaleTime`, `d3.scaleLinear`, `d3.curveBasis`, and `d3.axisBottom`/`d3.axisLeft` to parse the CSV, group by symbol, and render the SVG paths. A categorical color legend labels each stock.

LLRobergeon

81% match