Skip to main content
SimilarExport ZIP
100%

Fork of Testing viz

✓ Published0🌍 Public
Aaljusa
Last edited Mar 30, 2021
Created on Mar 30, 2021
Forked from Testing viz

This example shows a simple web page that loads a CSV file from a GitHub gist and displays summary statistics about it, including the file size in kilobytes, the number of rows, and the number of columns. The React app fetches the data using `d3.csv` and formats the output with `d3.csvFormat` in the message function. The SVG face components, built with React and D3’s `arc` API, are defined but not rendered in the final output, which instead presents the text summary in a `<pre>` element.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork - Loading data with d3 and React

This example demonstrates how to load and summarize CSV data using D3 and React. It shows a simple text message reporting the data's file size in kilobytes, row count, and column count. The app uses React hooks (`useState` and `useEffect`) to fetch data from a GitHub gist via `d3.csv` and `d3.csvFormat` to calculate the metrics. The visualization is minimal, presenting only the computed statistics in a large `<pre>` element.

DDeepak Tomson
86% match
Loading thumbnail…

Fork of Loading and Parsing CSV data test1

This example uses D3 to load and parse a remote CSV file, displaying summary statistics about the data. It shows the file size in kilobytes, the total number of rows, and the column count. The code retrieves the CSV from a GitHub Gist using `d3.csv`, then formats the result with `d3.csvFormat` to calculate the size. The final message is rendered in an HTML `<pre>` element, with the code using D3 v7 and JavaScript's `fetch` API as an alternative approach.

CChavaP06
85% match
Loading thumbnail…

Fork of HTML Starter

This example demonstrates how to use D3.js v7 to fetch and parse a CSV file from a GitHub Gist, then display summary statistics about the data. The page shows the file size in kilobytes, the number of rows, and the number of columns using D3’s `d3.csvParse` and the Fetch API. A large `<pre>` element with CSS styling presents the output text. The code uses `fetchText` to retrieve the remote CSV, illustrating a minimal client-side data-loading workflow.

EErico103
84% match
Loading thumbnail…

Fork of Fork of Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This example displays a page that loads a CSV file from a GitHub gist, then calculates and displays the file size, row count, and column count. The data is fetched using D3.js v7’s `d3.csv` method, and the string summary is rendered in a styled `<pre>` element. The page also includes a decorative SVG image. The visualization is built with React and relies on D3’s CSV parsing and formatting APIs to summarize the dataset.

PPujitha14challagulla
84% match
Loading thumbnail…

Fork of Fork of Fork of ICE-5: Loading and Parsing CSV Data with D3.js

This example displays a page that loads a CSV file from a GitHub gist, then calculates and displays the file size, row count, and column count. The data is fetched using D3.js v7’s `d3.csv` method, and the string summary is rendered in a styled `<pre>` element. The page also includes a decorative SVG image. The visualization is built with React and relies on D3’s CSV parsing and formatting APIs to summarize the dataset.

PPujitha14challagulla
84% match
Loading thumbnail…

Fork of loading data with react and d3

This visualization uses React and D3 to load a CSV file of CSS color names and display a summary of its contents. The app fetches data from a GitHub gist via `d3.csv` and renders a message showing the file size in kilobytes, row count, and column count using `d3.csvFormat`. The interface is a bare HTML page with React 16 and D3 7, initially showing "Loading" until the asynchronous data fetch completes. The output is plain text within an SVG-capable document, though no graphical elements are drawn.

Mmeghshah612
84% match
Loading thumbnail…

Fork - Colors pie with React & D3

This example demonstrates a simple React component that loads a CSV dataset from a GitHub gist and displays a summary message about it. The App component uses the useState and useEffect hooks to fetch the data with d3.csv, then passes it to a helper function that formats the file size, row count, and column count using d3.csvFormat. While the page is loading, it shows "Loading.." in a large preformatted text element. The visualization integrates React 16.9 for UI state management with D3 v5 for data parsing and formatting.

DDeepak Tomson
84% match
Loading thumbnail…

Fork of React & D3 Starter

This example loads a CSV file of Iris flower measurements and displays a message summarizing the loaded data's size, row count, and column count. The application uses React's `useState` and `useEffect` hooks to manage asynchronous data loading, and D3's `d3.csv` utility fetches and parses the external CSV file. The visualization renders as SVG, with code showing a scatter plot setup via `VizWrapper` and `viz.js`, though the primary output in this fork focuses on the textual data summary rather than the chart itself.

JJason Summercamp
83% match