flroent

@flroent·3 public vizzes

Fork of Mouse Follower

This example displays a data summary for a CSV file containing CSS named colors, reporting the file size, row count, and column count once the data loads. The visualization uses React to manage state and render the text output, while D3.js handles the asynchronous CSV fetching and parsing from a remote GitHub Gist. The initial "loading" message is replaced by the computed statistics, demonstrating a minimal data-loading workflow.

Oct 20, 2021

Loading thumbnail…

Fork of Loading Data with React & D3

This example demonstrates a concise display of metadata about a dataset of CSS named colors, showing the file size in kilobytes, row count, and column count as plain text. The React component uses the `useState` and `useEffect` hooks to manage asynchronous data loading, while D3’s `csv` function fetches the remote CSV file. The `d3.csvFormat` utility calculates the data size, and ReactDOM renders the result, displaying “Loading...” until the data arrives.

Oct 20, 2021

Loading thumbnail…

Fork of Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data from a remote URL, displaying the file size, row count, and column count of a CSS Named Colors dataset. The visualization uses d3.csv to fetch and parse the data, while also illustrating alternative approaches with the Fetch API, async/await, and d3.csvParse. A large <pre> element shows the computed statistics, with the code contrasting modern promise-based methods against older callback patterns like the Pyramid of Doom. The example runs in a React framework with d3.v5.

Oct 20, 2021