Week 2 Dataset 2

100%

Week 2 Dataset 2

✓ Published1🌍 Public

Last edited Jan 24, 2024

Created on Jan 24, 2024

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.

AI-generated description

The Dogs of Zurich dataset, loaded and parsed as CSV.

Note: to reproduce these results use the file 20151001hundehalter.csv from the downloaded data to get the data from 2015.

Question on the dataset: many of the dogs do not have a second breed, could this fact be used to simplify the data format?

Possible tasks on the dataset: determining most popular dog breeds among various locations in the city, perhaps to help someone moving to Zurich decide what type of dog to get

MIT Licensed

Similar vizzes

Loading thumbnail…

Week 2 Dataset 1

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.

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

78% 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

67% match

Loading thumbnail…

Activity 6

This example demonstrates how to load a CSV dataset from a remote URL and display its first ten rows as formatted JSON text on a web page. It uses D3 v5's `csv` function to fetch and parse the data, `select` to target the HTML body, and `append` to create `<pre>` elements for output. The code also imports and exports an ES6 module message, showcasing modular JavaScript integration within a Vue-based project. The rendering relies on SVG and WebGL for the background, while the core functionality is driven by D3's CSV data handling.

Ppardha1411

66% match

Loading thumbnail…

activity6

This example displays the first ten rows of a CSV dataset in a formatted JSON structure on a black page. It uses D3 v5’s `csv` and `csvFormat` functions to fetch and measure the dataset, while `select` appends the data to the body as HTML `<pre>` elements. The page also embeds a large background SVG image rendered as an inline base64-encoded JPEG pattern.

Ppjdhungana@gmail.com

66% match

Loading thumbnail…

Activity 6

This example displays the first 10 rows of a CSV crop dataset as JSON text on a black background, using D3 v5 to load and format the data. The code imports `select`, `csv`, and `csvFormat` from D3, fetches the CSV via a gist URL, and appends a styled `<pre>` element to the body, with the file size computed in kilobytes.

Rrikhitakoganti12

66% match

Loading thumbnail…

Data Table Summary - Dataset 2

This example shows a plain-text summary of a coffee quality dataset displayed on a black terminal-like page with green monospace text. It reports the number of rows, columns, and file size in kilobytes, then prints the first ten rows as formatted JSON. The visualization uses D3 v5’s `select`, `csv`, and `csvFormat` functions to load and measure the CSV data, and appends the statistics and JSON output to the page body with `pre` elements. The data originates from the Coffee Quality Institute’s database.

OOxfordComma

65% match

Loading thumbnail…

Assignment

This example loads a CSV dataset of student alcohol consumption and displays the first ten rows as formatted text. It uses D3’s `csv` method to fetch and parse the data, then appends two `<pre>` elements to the body, one with a label and one with the JSON-stringified rows. The visualization is rendered as SVG within an HTML page that also includes an embedded background image pattern.

SSharankumar02

65% match