TP3 Data viz

100%

✓ Published0🌍 Public

Last edited Nov 28, 2017

Created on Nov 23, 2017

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.

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'>TP3 Data viz</a>

mit Licensed

Similar vizzes

Loading thumbnail…

TP3 Data viz Joymangul

This example visualizes monthly closing prices for Microsoft (MSFT) and Amazon (AMZN) from January 2000 to March 2010, using data from a CSV file loaded via d3. It renders the time series as an SVG line chart, with each stock’s price over time drawn as a separate line. The visualization, built with D3 v4 and inspired by earlier forks, emphasizes the contrast between the two tech stocks’ price trajectories over the decade. The chart uses a minimal blockbuilder.org template and is released under the MIT license.

JJoymangulJensen

96% match

Loading thumbnail…

TP3_Data_Viz

This visualization compares monthly stock prices for Microsoft, Amazon, and IBM from 2000 to 2010, using a small-multiple layout of line charts. Each symbol is sorted by its maximum price and displayed in its own row, with a shared time axis and per-symbol price scales. The code uses d3.csv to load the dataset, d3.nest to group records by symbol, and d3.svg.line and d3.svg.area to render the paths. Animated transitions, driven by d3.timer and transition methods, first draw the lines progressively and then transform them into horizon-style area charts, moving labels to the right edge.

AAminaSGitHub

88% match

Loading thumbnail…

TP2

This visualization shows monthly stock prices for Microsoft, Amazon, and IBM from 2000 to 2010 using multi-line time series. The data comes from a CSV file parsed with the `d3.dsvFormat` API. Each stock’s price trend is drawn as a colored line using `d3.line` with a basis curve, within an SVG rendered by D3 v4. The chart includes axes generated by `d3.axisBottom` and `d3.axisLeft`, plus a legend built with `d3.scaleOrdinal` and category colors. The code also computes per-symbol maximum and total prices via `d3.max` and `d3.sum`, though these values are not directly displayed.

LLRobergeon

87% match

Loading thumbnail…

TP3 multiple line

This visualization displays monthly stock prices for Microsoft, Amazon, and IBM from January 2000 to March 2010, using a small multiple layout with one chart per company. Each chart contains a gray area path and a line path rendered as SVG, with the y-axis scaled independently to each stock’s maximum price. The code uses d3.csv to load the dataset, d3.nest to group by symbol, and d3.time.scale, d3.svg.area, and d3.svg.line to construct the charts. Data comes from a local CSV file.

LLRobergeon

87% match

Loading thumbnail…

TP3 simple line chart

This example shows monthly stock prices for Microsoft, Amazon, and IBM from 2000 to 2010 as a single black line chart. The visualization uses D3 v4 with an SVG rendering approach, employing `d3.scaleTime` for the x-axis and `d3.scaleLinear` for the y-axis. The `d3.line` generator creates the path, while `d3.timeParse` and `d3.timeFormat` handle date conversion and label formatting. Data is loaded from a JSON dataset, with the last value displayed as text annotation.

LLRobergeon

86% match

Loading thumbnail…

TP3 animation

This visualization animates the monthly stock prices of Microsoft, Amazon, and IBM from 2000 to 2010 using an animated line chart. It first draws each company’s price line progressively, then transforms the view into a horizon chart by stacking three colored area bands per symbol. The code relies on D3 v3’s `d3.svg.line`, `d3.svg.area`, `d3.time.scale`, `d3.nest`, and `d3.timer` to build the SVG animation, reading data from a CSV file.

LLRobergeon

86% match

Loading thumbnail…

TP3_DataViz_Steam

This visualization displays monthly stock prices for Microsoft, Amazon, and IBM from 2000 to 2010 using multi-line chart. Each company’s price series is drawn as a separate colored line using D3 v4’s `d3.line` with a basis curve, while the x-axis uses `d3.scaleTime` and the y-axis uses `d3.scaleLinear`. The dataset is loaded via `d3.text` and parsed with a custom comma delimiter, then nested by stock symbol using `d3.nest`. A legend is generated from the ordinal color scale’s domain, and axes are rendered using `d3.axisBottom` and `d3.axisLeft`.

EElisaDnr

85% match

Loading thumbnail…

Tp3_DV_Rendu3

This interactive visualization displays the historical stock prices of Microsoft, Amazon, and IBM from January 2000 to March 2010. It uses a combination of individual line charts and a stacked area chart to compare the price trends and relative magnitudes across the three companies. The visualization is rendered as an SVG using D3 version 3, with animated transitions that convert between the line and stacked area representations. The code leverages D3’s time and linear scales, category color palette, and layout stack API to process and display the data from the provided CSV file.

AAminaSGitHub

85% match