Skip to main content
SimilarExport ZIP
100%

CMA_test_WithCC0licenseDepartTextilesWithImage.csv

✓ Published0🌍 Public
JJustinGOSSES
Last edited Feb 21, 2019
Created on Feb 21, 2019

This example visualizes the Cleveland Museum of Art’s textile collection from a CSV file, highlighting records with images and open licenses. It shows a scatterplot-like layout where each object is positioned by its creation date and dimensions, with color and size encoding department and physical scale. The visualization uses d3.forceSimulation to arrange overlapping points, d3.scaleTime for the x-axis, and d3.scaleLinear for sizing. Hovering reveals tooltips with titles and accession numbers, while the underlying data—pulled from the museum’s open-access CSV—is parsed with d3.csv, demonstrating direct API and library integration.

AI-generated description

Similar vizzes

Loading thumbnail…

Data Visualization

This example displays a CSV dataset’s metadata summary, including file size in kilobytes, row count, and column count, presented in a styled header and preformatted text block. It loads D3 v7 via CDN and uses `d3.csv` to fetch remote data from a GitHub gist, then formats the output with `d3.csvFormat` and `Math.round`. The page also embeds an external SVG image of a house, with layout controlled through custom CSS classes. The visualization demonstrates basic data loading, parsing, and textual output without any graphical charting.

AAsherpranayp
67% match
Loading thumbnail…

CSV Summary

This visualization displays a minimal summary of a CSV file’s contents as oversized text, showing the number of rows, column count, and file size in kilobytes. The code loads data from a remote auto_mpg.csv file using d3.csv, then computes metrics with csvFormat and object inspection. The results are appended to the body as a pre element, with styling controlled by the styles.css file, which sets a dark background and large Ubuntu font. The example demonstrates basic data loading and text output without any interactive features.

EEK Azubuike
66% match
Loading thumbnail…

Loading and Parsing CSV Data

This visualization demonstrates how to load and parse CSV data, displaying basic statistics about the dataset in a large text format. It fetches the CSS Named Colors dataset from a GitHub gist and reports the file size in kilobytes, the number of rows, and the number of columns. The example uses D3 v5’s `d3.csv` method for parsing, with an alternative commented-out approach using the Fetch API, `async/await`, and `d3.csvParse`. The resulting information is rendered into an HTML `<pre>` element via the DOM’s `textContent` property.

FFábio Correia
66% match
Loading thumbnail…

Loading Carnegie Museum of Art Data

This example demonstrates the process of loading and parsing a CSV dataset from the Carnegie Museum of Art, which contains metadata for artworks including titles, creation dates, and dimensions. The visualization initially displays a placeholder showing "LOADING" as a `<pre>` element, then asynchronously fetches the data using the `fetch` API. After the dataset is retrieved, the code uses D3's `csvParse` function to convert the CSV string into an array of objects, converting date fields into JavaScript `Date` objects and numeric fields into numbers. The resulting parsed data is then displayed as JSON in the `<pre>` element.

EEri Kim
66% match
Loading thumbnail…

Loading and Parsing CSV Data with D3

This example demonstrates how to load and parse a CSV file using D3.js, displaying basic dataset statistics. The visualization shows the file size in kilobytes, row count, and column count within a large text element. The code fetches a CSV file containing CSS named colors from a GitHub Gist, uses `d3.csv` to retrieve and parse the data, then `d3.csvFormat` to measure its size, and finally updates the page’s pre-formatted text content. The D3 v5 API handles the asynchronous data loading and parsing.

Bbakstorage00001
66% match
Loading thumbnail…

Loading and Parsing CSV Data with D3

This example demonstrates how to load and parse a CSV file using D3.js, displaying basic dataset statistics. The visualization shows the file size in kilobytes, row count, and column count within a large text element. The code fetches a CSV file containing CSS named colors from a GitHub Gist, uses `d3.csv` to retrieve and parse the data, then `d3.csvFormat` to measure its size, and finally updates the page’s pre-formatted text content. The D3 v5 API handles the asynchronous data loading and parsing.

Bbakstorage00001
66% match
Loading thumbnail…

Loading and Parsing CSV Data 2

This visualization demonstrates the basic workflow of loading and parsing CSV data with D3. It fetches a remote CSV file containing CSS named colors, parses it using `d3.csvParse`, and then displays summary statistics about the dataset. The large-font output shows the approximate file size in kilobytes, the total number of rows, and the number of columns, providing immediate feedback on the parsed data structure. The example uses the `fetch` API to retrieve the text file and D3 v6's parsing capabilities to convert it into a tabular data object.

SSimmer999
66% match
Loading thumbnail…

Loading and Parsing CSV Data with D3

This example demonstrates loading a remote CSV file and displaying basic dataset statistics. It fetches CSS named colors from a GitHub gist and shows the file size in kilobytes, the total number of rows, and the column count. The visualization uses D3 v7’s `d3.csv` method to parse the data asynchronously, then `d3.csvFormat` to calculate the raw text length, with results rendered to a `<pre>` element. The code also includes commented alternatives using `fetch` and `d3.csvParse`.

AA
66% match