Skip to main content
SimilarExport ZIP
100%

Week 2 Dataset 1

✓ Published1🌍 Public
IIan Coolidge
Last edited Jan 24, 2024
Created on Jan 24, 2024

This example displays the first row of the 80 Cereals dataset as a formatted JSON object. The code uses the `d3.csv` parsing method to load and convert the data, applying numeric type coercion to each column. The visualization simply renders this data in a `<pre>` element with a fixed font size, demonstrating a minimal static view of the dataset structure. No interactive or dynamic elements are present.

AI-generated description

The 80 Cereals, loaded and parsed as CSV.

Question on the dataset: what sampling was used for the 'rating' column?

Possible tasks on the dataset: determining whether name-brand cereals generally receive better ratings, or are healthier, than non-name-brand cereals

MIT Licensed

Similar vizzes

Loading thumbnail…

Week 2 Dataset 2

This example displays the first record of the Dogs of Zurich dataset as formatted JSON. The code loads a CSV file, converts several string fields to numbers, and renders the resulting object in a `<pre>` element with a fixed font size. It uses the Vue framework and the `data` export to provide the parsed data for other components. The output demonstrates the structure of the original dataset.

IIan Coolidge
79% match
Loading thumbnail…

Week 2 Dataset 3

This example displays the first row of the Kaggle Animal Bites dataset as formatted JSON in a monospace preformatted element. The dataset contains records of animal bites with fields for species, breed, color, vaccination dates, and location details. The code imports the CSV data, converts the vaccination years and victim zip code fields to numbers, and then renders the first data entry. It uses the native `JSON.stringify` method to format the row with indentation for readability, with the font size set to 12 pixels.

IIan Coolidge
73% match
Loading thumbnail…

Dataset #3

This example displays a summary of a CSV dataset, showing the row count, column count, and file size in kilobytes, followed by the first ten rows as JSON. The page uses D3 v7 via `d3.csv` to load the data and the `select` and `append` methods to render the text into `pre` elements. The data source is a local `data.csv` file containing exam scores, and the styling is minimal with a yellow background and large monospaced text.

JJamesHop31
72% match
Loading thumbnail…

Week 2: Global Salaries for Data Science Dataset

This example displays the raw contents of a Pokémon Base Stats dataset as a JSON-formatted text listing in the browser. It parses the CSV data using a custom import and converts numeric fields with unary plus operators. A scrollable container is created with inline CSS, and the JSON string is rendered inside a `<pre>` element, with font size controlled by a variable. The visualization simply outputs the structured data without any graphical encoding.

JJacob Chlebowski
71% match
Loading thumbnail…

Week 3 First Visual

A scatter plot visualizes the relationship between calories per serving and average consumer rating for 80 cereals. The plot reveals a general trend where lower-calorie cereals receive higher ratings, with All-Bran with Extra Fiber (50 calories) rated highest. Built with D3, the visualization uses `scaleLinear` for both axes, `axisLeft`, and `xAxis`/`yAxis` from `@curran/axis-labels` to render scales and labels. Circles are drawn with D3’s data join, using `selectAll('circle')` and attributes for positioning, radius, and opacity.

IIan Coolidge
70% match
Loading thumbnail…

Week 2: Global Salaries for Data Science Dataset

This example displays the raw contents of the Global Salaries for Data Science dataset as a scrollable JSON object in the browser. Each row from the CSV file is parsed and rendered inside an HTML `<pre>` element, with the font size set to 19 pixels. The code uses the `data.csv` import and the `JSON.stringify` method to format the data with indentation. The visualization serves as a simple data browser, allowing inspection of individual salary records without any aggregation or charting.

JJacob Chlebowski
70% match
Loading thumbnail…

Inspecting some data

This example loads a CSV dataset of automobile fuel consumption from a remote URL and displays a plain-text summary of its basic structure: row count, column count, and file size in kilobytes. It then prints the first ten rows of the data as formatted JSON. The implementation uses d3.csv to fetch and parse the data, d3.csvFormat to calculate the raw size, and d3.select to append multiple <pre> elements to the body, with JSON.stringify providing readable output.

RRod Potter
69% match
Loading thumbnail…

COVID-19 Dataset

This example displays the first row of the COVID-19 worldwide dataset as a formatted JSON object in a large monospaced font. It uses the `index.js` module to import CSV data, coerce numeric fields, and render the raw statistics for a single country. The visualization relies on a simple HTML `<pre>` element updated via template literals, with no charting library involved.

JJack Hanlon
69% match