Skip to main content
SimilarExport ZIP
100%

Social Media Analysis Loading Data

✓ Published0🌍 Public
Fflanagancarlie@gmail.com
Last edited Apr 6, 2023
Created on Mar 10, 2023
Forked from 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.

AI-generated description

Loading and modifying a CSV file, my MQP dataset.

MIT Licensed

Similar vizzes

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
73% match
Loading thumbnail…

Social Media MQP Data Exploration

This example explores survey response data from a social media study, showing how answers are grouped by platform and question tag. The visualization displays the raw parsed data as a JSON string, revealing the frequency counts of each scaled response (like “Strongly Agree” or “Very Frequently”) per question. It uses d3.csvParse and d3.group to organize the data, with d3’s selection and join methods to render the text. The code fetches a remote CSV and processes the response counts client-side.

KK Munz
73% match
Loading thumbnail…

Fork of Loading Data - Lifestyle Health

This visualization demonstrates how to load and parse a CSV dataset using D3 v7, displaying the raw parsed data as JSON in a `<pre>` element. The example uses `csvParse` to convert survey data about lifestyle and health metrics, explicitly coercing numeric fields with the unary `+` operator. A state management pattern handles asynchronous data loading, showing a 'LOADING' placeholder before the fetched dataset appears. The code relies on `select` and `join` to render the data, sourced from a Kaggle dataset on disease risk from daily habits.

BBrian Hulbert
72% match
Loading thumbnail…

Loading and parsing CSV data

This example demonstrates a minimal D3 workflow for loading and parsing remote CSV data by fetching a raw GitHub-hosted file with the Fetch API. It first retrieves the text via `fetch` and `response.text()`, then parses it into a tabular dataset using `d3.csvParse`. The parsed result is summarized in a `<pre>` element, displaying the file size in kilobytes, row count, and column count. The visualization itself is purely textual, highlighting how D3’s parsing utilities transform raw CSV strings into structured data objects.

SShasvathan Pathmanaban
71% match
Loading thumbnail…

Social Media Stocks

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.

Fflanagancarlie@gmail.com
71% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg
71% match
Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5, displaying file size, row count, and column count in a large pre-formatted text element. The code uses `d3.csv()` to fetch and parse the dataset from a GitHub-hosted CSV file containing NYC social media usage data, then formats the statistics with `d3.csvFormat()` to calculate kilobyte size. An alternative commented-out approach uses the Fetch API with `async`/`await` and `d3.csvParse()` for manual parsing. The example concisely shows the core workflow of retrieving and inspecting tabular data in a browser environment.

KKarenNg
71% match
Loading thumbnail…

Loading data with fetch

This example demonstrates how to load and parse a CSV file asynchronously in D3, displaying the file size and row count. Using the Fetch API, it retrieves a raw CSV from a GitHub gist, then leverages d3.csv and d3.csvFormat to parse and measure the data. The code also includes commented alternatives using async/await and the d3-fetch module. A large pre element presents the resulting statistics, with the page built on D3 v5 and vanilla JavaScript.

Ssxtnxy
71% match