fresh block

100%

✓ Published0🌍 Public

Last edited Nov 29, 2017

Created on Nov 27, 2017

This visualization shows the monthly stock prices of Microsoft, Amazon, and IBM from January 2000 to March 2010 as multi-series line charts. The chart uses a filled area beneath each line to emphasize price trends over time, with the data nested by company symbol. Built with D3 v4, it employs `d3.nest()`, `d3.scaleTime()`, `d3.scaleLinear()`, and `d3.line()` with a basis curve, rendering to SVG. The data is loaded from a local CSV file via `d3.dsvFormat`.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

fresh block

The visualization compares monthly stock prices for Microsoft, Amazon, and IBM from 2000 to 2010. It presents four distinct area-chart modes—transparent, stacked, separated, and centered—each animated to show the same data under different spatial arrangements. Built with D3.js v4, the code uses `d3.scaleTime`, `d3.scaleLinear`, `d3.area`, and `d3.curveBasis` to render smooth SVG paths. A legend identifies each company by color. The animation transitions between chart types, highlighting how each layout affects the perception of price trends and comparative performance.

HHakkahi

93% match

Loading thumbnail…

Test

This line chart shows the monthly stock prices of Microsoft, Amazon, and IBM from January 2000 to March 2010, with each company’s price trend drawn as a separate colored line. The visualization uses the D3.js library (version 3.5.17) to parse dates, scale the axes, and render the SVG paths. Data is loaded from a CSV file, then grouped by symbol using `d3.nest()`, with the lines drawn using `d3.svg.line()` and the axes created via `d3.svg.axis()`. The color scale is generated dynamically with `d3.scale.category10()`.

Rrvdv

88% match

Loading thumbnail…

Multiple lines

This visualization displays the monthly stock prices of Microsoft, Amazon, and IBM from 2000 to 2010 as multiple colored lines on a single chart. The chart uses a time-scaled x-axis and a linear y-axis for price, with each company’s line labeled directly. Built with D3 v4, the code loads data from a CSV, nests it by stock symbol, and renders using SVG paths. It also includes commented-out attempts at streamgraphs and area charts.

CCharlesGaydon

88% match

Loading thumbnail…

loading multiple stock data from dataset

This visualization shows monthly stock price trends for Microsoft, Amazon, and IBM from 2000 to 2010, with each company’s data plotted as a distinct colored line and identified in a legend. The code loads a comma-separated dataset, uses `d3.nest()` to group rows by symbol, and applies `d3.timeParse` and `d3.axisBottom`/`d3.axisLeft` for time and price scaling. It renders lines with `d3.line` and `d3.curveBasis`, and computes per-symbol maximum and sum values. The SVG is generated via D3 v4, with data sourced from a local CSV file.

NNpfn

87% match

Loading thumbnail…

Tp3_DV_Rendu2

This visualization compares monthly stock prices for Microsoft, Amazon, and IBM from 2000 to 2010. It displays multiple small multiples, each showing a company’s price trend as a smooth line chart, with the data loaded from a CSV file. Using D3 v3, the code groups data by symbol via `d3.nest`, sorts companies by maximum price, and animates the drawing of each line progressively with a timer. An area fill, rendered via `d3.svg.area`, is added beneath each line, and the axis and scaling are computed dynamically per company.

AAminaSGitHub

87% match

Loading thumbnail…

loading multiple stock data from dataset

This example displays monthly stock prices for Microsoft, Amazon, and IBM from January 2000 through March 2010, using a multi-line chart where each company’s price history is drawn as a colored line. The data is loaded from a CSV file containing symbol, date, and price columns, then grouped by symbol using `d3.nest()`. The visualization uses `d3.line()` with a basis curve, `d3.scaleTime()` for the x-axis, and `d3.scaleLinear()` for the y-axis, with an ordinal color scale for the three series. The chart is rendered as an SVG, with axes and a legend prepared via `d3.axisBottom` and `d3.axisLeft`.

NNpfn

86% match

Loading thumbnail…

Independent scale multi-line graph

This interactive chart displays monthly stock prices for Microsoft, Amazon, and IBM from January 2000 to March 2010, with each line normalized to its own independent y-axis scale. This allows viewers to compare the shapes and relative trends of each company’s price movements without being distorted by differing absolute price ranges. Built with D3 v4 in SVG, the visualization uses `d3.nest()` to group data by symbol and `d3.scaleLinear()` to assign each line its own vertical domain. Clicking a legend label toggles the corresponding line’s opacity via a `transition()`, while `d3.axisBottom()` renders the shared time axis. Data originates from a CSV file.

Dd3noob

86% 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

86% match