Skip to main content
SimilarExport ZIP
100%

ASSIGNMENT-5

✓ Published0🌍 Public
AAshrith Kudidhi
Last edited Jun 23, 2022
Created on Jun 23, 2022
Forked from HTML Starter

This example displays a summary of a perfume sales dataset, showing the data size, row count, and column count in a large, styled text block. The visualization uses D3.js to load a CSV file from a GitHub gist and computes the data’s total size in kilobytes. The page also embeds a static SVG image, likely depicting a chart of the same data. The code relies on the D3 `csv` and `csvFormat` methods to fetch and measure the dataset, while custom CSS styling applies vibrant background colors to the headline and data summary.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

assignment 5

This example displays summary statistics from a CSV file, showing the data size in kilobytes, row count, and column count. It uses the D3.js library’s `d3.csv` method to fetch the external dataset and `d3.csvFormat` to calculate the formatted string length. The visualization also includes a simple SVG circle rendered alongside the text, with CSS styling applied to the page. The computed summary is displayed inside an HTML `<pre>` element, updating the page content dynamically.

Ddineshtadepalli12
86% match
Loading thumbnail…

IN CLASS EXERCISE-5

This example shows a data summary for a CSV file of lipstick sales. It displays the file size, row count, and column count in large text, alongside a static SVG image. The code uses D3 v7’s `d3.csv` to load the remote data and `d3.csvFormat` to calculate the data’s size in kilobytes, then updates the page’s `pre` element with the summary. Styling is applied via embedded CSS.

SSaahithi49
85% match
Loading thumbnail…

Fork of IN CLASS EXERCISE-5

This example displays a data summary for a lipstick sales CSV file, showing the file size in kilobytes, the number of rows, and the number of columns within a styled HTML page. It uses the D3.js library (version 7) to fetch the remote CSV via `d3.csv`, then processes the parsed data with `d3.csvFormat` to calculate the byte length and access the data's column count. The results are rendered into a `<pre>` element, accompanied by a static SVG image and custom CSS styling for the headings.

NNaveed945
82% match
Loading thumbnail…

Fork of Fork of IN CLASS EXERCISE-5

This visualization presents a text-based data summary for a CSV file containing lipstick sales data. The page displays a header and a large preformatted text block that reports the data file's size in kilobytes, the number of rows, and the number of columns. It loads data asynchronously using the `d3.csv` function, then formats the message with `d3.csvFormat` and `Math.round`. The HTML structure includes inline CSS styling for the header and message area, and the page also embeds an external SVG image.

NNaveed945
81% match
Loading thumbnail…

Data Visualization

This example displays a data summary message generated from a CSV file loaded via d3.csv. The code calculates the file size in kilobytes, row count, and column count, then renders these statistics in a large, styled pre element. The page also includes a heading, a greeting, and an embedded image reference from VizHub. The visualization uses D3 v7 and React, with the CSV data sourced from a GitHub gist.

Hharika-1929
80% match
Loading thumbnail…

Untitled

This example displays basic dataset summaries for a CSV file loaded from a GitHub gist, showing file size in kilobytes, row count, and column count in a pre-formatted text container. The page also includes a static SVG diagram and a heading. The code uses D3 v7’s `d3.csv` to fetch and parse the remote data, then applies `d3.csvFormat` to calculate the formatted file size. Results are written to the DOM via `document.getElementById`, and the HTML page links to an external stylesheet named `newstyle.css`.

SSnigdha6698
80% match
Loading thumbnail…

code5

This example shows a summary of a movie dataset loaded from a CSV file, displaying the file size, row count, and column count in a text container on an HTML page. It includes a static SVG image and a React-compatible setup. The code uses d3.csv to fetch and parse the remote CSV, d3.csvFormat to compute the file size, and d3.csvFormat and data.columns to report dataset dimensions. Styling is handled via a linked CSS file, with D3 v7 loaded from a CDN.

SSnigdha6698
80% match
Loading thumbnail…

Data Visualization

This example displays a simple dashboard that presents a hello message from the author and summarizes a dataset loaded from a GitHub gist. The text announces the file’s approximate size in kilobytes, the number of rows, and the column count. The visualization uses D3.js version 7, specifically the `d3.csv` and `d3.csvFormat` APIs, to fetch and parse the CSV data and then inject the computed summary into an HTML `<pre>` element. The page also embeds an external SVG image and relies on basic CSS for styling.

Hharika-1929
79% match