Project and Activity List

100%

Project and Activity List

✓ Published1🌍 Public

Last edited Oct 11, 2018

Created on Sep 4, 2018

This example displays a plain-text summary of a tabular dataset about real projects. It loads two TSV files, `projects.tsv` and `activities.tsv`, using D3’s `tsv` function, then renders a report to the page via `select('body')`. The report shows the number of rows, columns, and size in kilobytes for each table, followed by a JSON-formatted preview of the first ten rows. The console output is styled with a black background and green monospace text.

AI-generated description

This program prints a summary of a data table.

This data is about real projects.

This data comes from Operations Research & Scheduling Research Group.

MIT Licensed

Similar vizzes

Loading thumbnail…

Project Report

This example renders a text-based project report from JSON data about project activities. It uses JavaScript promises and DOM manipulation to load the data and display a filtered list of activities with durations of 80 days or less. The code filters activities, formats each one with its ID, name, duration, and critical status, then inserts the result into an HTML page styled with Ubuntu font. The visualization demonstrates a simple data-processing pipeline using standard JavaScript APIs rather than specialized visualization libraries.

RRubens

75% match

Loading thumbnail…

Activity 6

This example demonstrates loading and displaying a tabular dataset using D3. It fetches a text file from a GitHub gist via `d3.csv`, logs the first ten rows as formatted JSON in a `<pre>` block, and includes an embedded video tutorial. The page also shows static SVG and WebGL output, alongside an ES6 module with a simple text message. The code uses D3 v5 and Vue, with styling applied through CSS.

Hharsha

72% match

Loading thumbnail…

Activity 6

This example displays the first ten rows of a remote CSV dataset as JSON text within an HTML page. It loads data from a GitHub-hosted CSV file and presents it in a black, styled preformatted block. The code imports only the `select`, `csv`, and `csvFormat` functions from D3 v5, and it renders output as SVG elements in the body. The visualization is minimal, focusing on raw data inspection rather than graphical representation.

Vvineelaramulapalli32

72% match

Loading thumbnail…

activity 6

This example displays a dataset by loading a CSV file from a GitHub gist and writing a JSON-formatted preview of the first ten rows to the page. It uses D3’s `csv` and `csvFormat` functions, with the `select` API to append text elements to the document body. The visualization is rendered using SVG and WebGL.

Mmandadi1999

72% match

Loading thumbnail…

Activity 6

This example demonstrates how to load and display tabular data using D3 v5. The page fetches a CSV file from a GitHub gist, then shows the first 10 rows as formatted JSON inside a black-styled `<pre>` element. The code imports `select`, `csv`, and `csvFormat` from D3, and uses the `csv` method with a promise to handle the asynchronous data retrieval. The visualization relies on an embedded SVG background image and includes an embedded YouTube video in the README.

NNukaShravanKumar

71% match

Loading thumbnail…

Activity 6 Task 2 and 3

This example displays the first ten rows of a CSV dataset loaded from a GitHub gist, outputting them as formatted JSON text on a black background. It demonstrates loading D3 v5 via UNPKG and using `d3.csv` to fetch and parse the remote data. The visualization also showcases ES6 module imports from local files and the use of `d3.select` to append DOM elements dynamically.

AArun Pratap

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

71% match

Loading thumbnail…

Activity 6

This example fetches tabular data from a remote CSV file and displays the first ten rows as JSON in a black, aqua-colored `<pre>` block. It uses D3 v5’s `csv` method to load the dataset and `csvFormat` to calculate file size, though the size calculation is not rendered. The page renders as static SVG and WebGL elements, with a background image embedded in the HTML, but the primary interaction is the simple text preview of the loaded data.

VVinay Vemuri

71% match