Skip to main content
SimilarExport ZIP
100%

CSV Dataset Template - Penguins

✓ Published67🌍 Public
CCurran Kelleher
Last edited Mar 22, 2025
Created on Jan 17, 2024

This visualization displays the first record from the Palmer Penguins dataset, a CSV file containing measurements of bill length, bill depth, flipper length, and body mass for three penguin species across multiple Antarctic islands. The code imports the data using VizHub’s built-in CSV loader, then coerces the quantitative attributes from strings to numbers with the unary plus operator. The parsed JSON output is rendered inside an HTML `<pre>` element, demonstrating the data structure for verification before further visualization. The example serves as a template for importing and parsing custom datasets in VizHub.

AI-generated description

The Penguins Dataset, loaded and parsed as CSV.

Fork and modify this template to import your data to VizHub and export it for use in other vizzes! To do that:

  • Fork this viz
  • Clear out the README
  • Update the README with details about your dataset (including original source)
  • Replace data.csv with your own data
  • Replace the parsing logic in index.js with your own
  • Set the custom URL so you can import from it easily

Challenge

  • Find 3 datasets on a topic you are interested in
  • For each of those, fork this viz and replace the data
  • Parse the quantitative attributes into numbers
  • Update README.md to indicate the original data source
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This fork of the CSV Dataset Template loads the Palmer Penguins dataset from a local CSV file, parsing quantitative attributes like bill length, bill depth, flipper length, and body mass into numeric values while retaining categorical variables such as species, island, and sex. The visualization demonstrates how to import and prepare tabular data for use in VizHub, with parsing logic applied to the raw CSV before rendering. The example is intended as a reusable template for users to replace with their own datasets and customize the parsing logic accordingly.

PPavanmahaveer Singara
89% match
Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This example demonstrates how to display a parsed CSV dataset by rendering the first row of the Palmer Penguins data as formatted JSON. It shows the raw structure of a single data record, including both quantitative and categorical attributes, before any further analysis. The visualization uses the `data.csv` import and parses numeric fields like `bill_length_mm`, `bill_depth_mm`, `flipper_length_mm`, and `body_mass_g` with unary plus operators. The code then inserts a `<pre>` element with the JSON string into the container, leveraging the `main` export function and the `data` export for reuse.

Hharichandanamone21@gmail.com
88% match
Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This visualization demonstrates the Palmer Penguins dataset, loaded from a CSV file and parsed into quantitative measurements. The scatter plot maps bill length against bill depth, with points colored by penguin species—Adelie, Chinstrap, and Gentoo—across islands and years. The data is parsed using JavaScript’s `d3.csv` to convert numeric columns, while the README documents the original source for reproducibility. The fork template allows users to swap in their own dataset, update parsing logic, and set a custom URL for sharing.

Rrobertotienonyaranga@gmail.com
86% match
Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This visualization demonstrates the Palmer Penguins dataset, loaded from a CSV file and parsed into quantitative measurements. The scatter plot maps bill length against bill depth, with points colored by penguin species—Adelie, Chinstrap, and Gentoo—across islands and years. The data is parsed using JavaScript’s `d3.csv` to convert numeric columns, while the README documents the original source for reproducibility. The fork template allows users to swap in their own dataset, update parsing logic, and set a custom URL for sharing.

Rrobertotienonyaranga@gmail.com
86% match
Loading thumbnail…

Fork of Fork of CSV Dataset Template - Penguins

This example demonstrates a minimal fork of the CSV Dataset Template, using the Palmer Penguins dataset loaded from a local `data.csv` file. The visualization parses quantitative attributes—such as bill length, bill depth, flipper length, and body mass—into numbers, while retaining categorical fields like species, island, and sex. The data is rendered in a simple scatter plot (or similar) using D3, and the template includes instructions for forking, replacing data, and updating the README. The code is available under the MIT license, authored by NYARANGA-ROB, and is intended as a starting point for importing and exporting custom datasets in VizHub.

Rrobertotienonyaranga@gmail.com
83% match
Loading thumbnail…

Penguins Dataset

This example displays the first row of the Palmer Penguins dataset as formatted JSON in a large monospace font. The code imports the data from a CSV file using a custom `import data from './data.csv'` statement, then converts each measurement column to a number with unary plus operators. The `main` function renders the JSON stringified object into an HTML `<pre>` element. The primary API used is `JSON.stringify` to serialize the data object, while the export `{ data }` makes the full dataset available externally.

SSubhendu Karmakar
82% match
Loading thumbnail…

Fork of Penguins

This example reads the Palmer Penguins dataset from a CSV file and displays the first row as a JSON object in a preformatted text element. The code parses the quantitative attributes, including bill length, bill depth, flipper length, and body mass, into numbers. It renders by setting the container’s inner HTML with a template literal that formats the data using `JSON.stringify`, with a font size of 36 pixels. The visualization is a minimal, static preview intended as a starting point for forking into more complex charts.

Aakang47@gatech.edu
81% match
Loading thumbnail…

Fork of Penguins

This example displays the first row of the Penguins dataset as a JSON object in a large monospace font. The code imports the CSV data, parses the quantitative attributes into numbers, and sets body mass to zero, then outputs the parsed record with a `<pre>` element. It uses the D3 library for data loading, and the visualization serves as a minimal demonstration of data parsing and formatting. The dataset comes from the palmerpenguins repository.

Aanishbudhi@gmail.com
80% match