Skip to main content
SimilarExport ZIP
100%

Fork of CSV Dataset Template - Penguins

✓ Published0🌍 Public
Hharichandanamone21@gmail.com
Last edited Mar 27, 2024
Created on Mar 27, 2024

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.

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 example demonstrates how to load and parse the Palmer Penguins dataset, converting quantitative attributes like bill length and body mass into numeric values. The code displays the first data row as a JSON object in a preformatted text block, using the parsed CSV data imported directly from `data.csv`. The parsing logic iterates through each data entry, applying the unary plus operator to convert measurement columns from strings to numbers. The visualization relies on the imported dataset and the `main` export function to render the structured output to the container.

Vvaishnavi6gan@gmail.com
93% match
Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This example displays the first row of the Palmer Penguins dataset as raw JSON in a large monospace font. The visualization imports the CSV file directly and parses it into a usable data structure, showcasing the template's workflow for loading and inspecting tabular data. The code uses the `data` import and the exported `main` function to render the output. The data originates from the palmerpenguins GitHub repository.

AAustin Lackey
93% match
Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This example displays the first row of a penguin dataset as formatted JSON, demonstrating how CSV data is parsed and prepared for visualization. The code loads the data from `data.csv`, converts measurement columns like `bill_length_mm` and `body_mass_g` from strings to numbers, and then uses the `main` function to render the JSON string into the container. The dataset originates from the palmerpenguins GitHub repository, and the example uses D3.js conventions for data import and processing.

LLuca Liverani
93% match
Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This example displays the raw contents of the Palmer Penguins dataset, parsed from a CSV file and shown as a formatted JSON object for the first row of data. It loads the data using an ES module import, converts the quantitative fields into numbers by applying unary plus operators, and renders the output as a styled `<pre>` element. The visualization serves as a template for importing and inspecting new datasets in VizHub.

RRuba Khan
92% match
Loading thumbnail…

Fork of CSV Dataset Template

This example displays the first row of the Palmer Penguins dataset as a JSON object in a large preformatted text block. It loads the CSV data, parses the quantitative attributes into numbers, and then renders the parsed first entry. The code imports data from `data.csv` and uses a stringified JSON representation to display the object within the container's inner HTML. The data originates from the palmerpenguins GitHub repository.

QQuinn Sebso
91% match
Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This example loads the Palmer Penguins dataset from a CSV file and parses its quantitative measurements into numbers. It displays the first row of the parsed data as a formatted JSON object, making it easy to inspect the structure and types. The code uses the native `JSON.stringify` method to render the output and relies on the VizHub import system to access the `data.csv` file. The forkable template demonstrates how to prepare a dataset for use in other visualizations.

LLiuYipeng
90% match
Loading thumbnail…

CSV Dataset Template - Penguins

This example displays the first row of the Palmer Penguins dataset in a preformatted text block. It imports the data using a rollup plugin, parses the quantitative fields (bill length, bill depth, flipper length, body mass) into numbers, and exports both a formatted display and the parsed data for external use. The code uses JavaScript’s `JSON.stringify` and a template literal to render the output.

Mmelissastrong89@gmail.com
90% match
Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This gallery example presents a forkable CSV dataset template built around the Palmer Penguins data. It loads the penguins.csv file and parses its quantitative attributes into numbers for downstream visualization use. The code uses JavaScript's `d3.csv` parsing logic and provides a simple, reusable structure for importing custom datasets into VizHub. The visualization itself does not render a graphic; instead, it focuses on data preparation and export, with the README documenting the original source and instructions for forking.

Oocasfre@gmail.com
88% match