Social Media Stocks

100%

Social Media Stocks

✓ Published0🌍 Public

Last edited Feb 2, 2023

Created on Jan 23, 2023

This example displays one decade of social media stock prices (Facebook, Twitter, Pinterest, Etsy, Snapchat) from 2012–2022, loading data from a CSV hosted on GitHub. The visualization initially shows the raw parsed data as a JSON string in a `<pre>` element, using `d3.csvParse` to convert the fetched text. It relies on D3 v7’s `select` and `setState` pattern to manage asynchronous loading, with a state object tracking whether data is undefined, “LOADING”, or parsed. The stock prices originate from Kaggle, and the current view serves as a data-loading preview rather than a chart.

AI-generated description

This data set contains data on social media stocks (Facebook, Twitter, Pinterest, Etsy, Snapchat) for one decade, from 2012-2022. Original source: https://www.kaggle.com/datasets/prasertk/major-social-media-stock-prices-20122022

MIT Licensed

Similar vizzes

Loading thumbnail…

Social Media Analysis Loading Data

This example demonstrates the initial data-loading stage of a social media analysis dashboard. It fetches a CSV file from GitHub, filters out responses from participants who did not consent or are under 18, and restructures the raw survey columns into consolidated fields using a custom `combine` function. The raw data is displayed as JSON in a `<pre>` element. The process uses the `fetch` API, `csvParse`, and `select` from D3 v7, with state management handled through a custom `setState` callback.

Fflanagancarlie@gmail.com

71% match

Loading thumbnail…

Demographics of Social Media

This example displays a simple text summary of the loaded social media dataset, reporting its size in kilobytes, row count, and column count. The visualization uses d3.csv to fetch and parse the CSV file from a GitHub gist, then formats the resulting data with d3.csvFormat to calculate the file size. The final message is rendered into a pre element using standard DOM textContent, with no charts or graphics. The code also includes commented-out alternatives using fetch, async/await, and a nested promise “pyramid of doom” to demonstrate different parsing workflows.

NNicholas Smith

68% match

Loading thumbnail…

3D Bar Chart

This 3D bar chart visualizes social sentiment data for the top 10 most-liked stocks and cryptocurrencies, comparing metrics like likes, posts, and price. It uses the d3-x3d library to render interactive 3D bars within an X3DOM scene, driven by D3 v5 for data loading and scaling. The visualization reads CSV data from a GitHub gist, parsing each asset’s name and its three numeric values. The chart’s multi-series layout displays each metric as a separate clustered bar group, with a custom-styled title and a blue background enhancing the visual presentation.

HHarishma Nallala

67% match

Loading thumbnail…

loading multiple stock data from dataset

This example demonstrates how to load and visualize multiple stock price datasets from a CSV file, cycling through three different chart types: separate area charts for each symbol, a stacked area chart, and a streamgraph. The code uses D3 v4's `d3.text`, `d3.dsvFormat`, `d3.nest`, and `d3.stack` to parse, group, and structure the data, while `d3.scaleTime`, `d3.scaleLinear`, and `d3.area` handle the rendering as animated SVG paths. The visualization transitions automatically every 1.5 seconds, showing the shifting representation of the same monthly price data for MSFT, AMZN, IBM, and AAPL.

AAubret

67% match

Loading thumbnail…

stock

This visualization animates the high prices of banking stocks over time, first drawing each stock’s line progressively, then transforming the chart into a horizon graph by stacking and compressing multiple area layers with distinct fill colors. It uses D3 v3’s `d3.svg.line`, `d3.svg.area`, and `d3.svg.axis` to render SVG paths, with transitions driven by `d3.timer` and `setTimeout`. Data is loaded from a CSV file via `d3.csv`, nested by symbol, and sorted by maximum price.

SSheela2930

67% match

Loading thumbnail…

Tech Stock Visualization

This visualization shows scaled closing stock prices for 26 tech companies throughout 2020, grouped by industry category (Gaming, Streaming, Work-From-Home, Online-Retail, and Tech-Giants). The interactive line chart plots timestamps against scaled closing prices, with each company’s series distinguished by a unique color. Built with D3 v6, it uses `d3.csv` to load remote data, `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for the paths, and `d3.curveBasis` for smoothing. The SVG rendering includes ordinal color mapping and a bottom legend, with no animations applied.

Yyamunayennem

66% match

Loading thumbnail…

Stock Price

This interactive visualization shows stock prices for various companies over time, using horizontal bar charts grouped by company symbol. Each panel displays the price distribution for a specific stock, with bars representing individual price points and a prominent zero line for reference. The chart is built with React and D3 v6, using D3's `scaleBand` for the categorical date axis and `scaleLinear` for the price axis. Data is loaded from a remote CSV file, and bar heights and positions are computed dynamically using these scales.

Ttrucntx007

66% match

Loading thumbnail…

S&P 500 Stocks Data

This example loads daily S&P 500 stock data from a CSV file and displays it as raw JSON in a preformatted text block. The visualization fetches a Kaggle-derived dataset, parses it with `d3.csvParse`, and converts numeric fields such as Open, High, Low, Close, and Volume to numbers. The code uses D3 v7’s `select` and `join` to manage the display, with a state object tracking whether data is loading or available. The dataset includes date, price, adjusted close, and trading volume columns for 2022.

Kkratikashetty1102@gmail.com

66% match