Skip to main content
100%

Stocks transition_1

✓ Published0🌍 Public
Aadurivault
Last edited Jan 30, 2018
Created on Jan 29, 2018

This visualization attempts to display stock prices over time using D3 v4, with data from a CSV file containing monthly price records for Microsoft (MSFT). The code sets up scales for years and stock symbols, and prepares nested data structures to compute mean prices by year and by symbol. Although the visualization is incomplete—the main rendering logic is commented out—the intended design appears to be a grouped bar chart comparing average stock prices across years and symbols. The visualization uses an ordinal color scale with a palette of purple, blue, orange, and related hues, and an SVG canvas of 960 by 500 pixels. The title "Stocks transition_1" suggests it may have been an early experiment in transitioning between different data views. The code includes commented-out sections for stacked bar layouts, indicating the author was exploring multiple chart types. The current version loads stock price data from a CSV file, parses dates into years, and prepares nested data structures for both year-then-symbol and symbol-then-year groupings, though the final rendering logic is incomplete.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

etape3

The visualization displays monthly stock prices for Microsoft from 2000 to 2004 as a small-multiple bar chart, with each row representing a different group. The chart uses a stacked layout where bars are positioned along a time axis, with the height of each bar encoding the stock price. Groups are labeled on the left, and the visualization includes an animated transition triggered after a delay, stacking the bars by shifting their y-positions according to their value offsets. The chart uses D3 v3 with SVG rendering, an ordinal x-scale for dates, a linear y-scale for prices, and a color scale for group identification. A radio button for "Stacked" mode is included but appears to have no functional effect. The visualization is built with Blockbuilder.org and released under the MIT license.This example, titled "etape3", demonstrates a stacked bar chart visualization of stock price data using D3.js v3. It displays monthly closing prices for multiple stock symbols (e.g., MSFT) from January 2000 through February 2004, organized into groups. The chart uses an ordinal x-axis for dates, a linear y-axis for prices, and a color-coded category scale to distinguish groups. A radio button for "Stacked" mode is included, though it appears inert. The visualization features a stacked layout where each group is represented as a horizontal band, with individual price values shown as colored bars. Animated transitions are implemented to smoothly reposition elements, and the chart includes axes with group labels. The design is minimal and clean, with the rendered output using SVG and animation for interactive presentation.This visualization, titled "etape3", displays stock price data over time using a stacked bar chart layout. It groups stock symbols (such as MSFT) into categories and visualizes monthly prices from 2000 to 2004 using colored rectangles arranged in horizontal bands. The chart includes labeled axes for dates and price scales, with each group labeled and color-coded. A stacked mode is implemented, where bars are layered with an animation transition, and the view is built with D3.js v3 using SVG rendering. The layout is clean and minimal, with a focus on comparing price changes across groups and time periods. Source: gist by anojoual, MIT license. Built with Blockbuilder.org.

Aanojoual
86% match