Project1

100%

✓ Published0🌍 Public

Last edited Feb 26, 2021

Created on Feb 25, 2021

This visualization displays a table of document IDs categorized by agency (CIS, DIA, FBI), with six example rows. The page uses jQuery to build an HTML table with Bootstrap styling, and also fetches a CSV of CIA document IDs from a GitHub Gist using the fetch API, attempting to parse it with d3.csvParse. The visualization includes an empty SVG rectangle placeholder, suggesting a future chart area.

AI-generated description

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

Similar vizzes

Loading thumbnail…

CIS - Project 1

This visualization displays the relationship between document IDs from five different intelligence agencies, including the CIA, DIA, FBI, NSA, and USCBP. The interface renders a white SVG canvas with a steel-blue border and a “DocumentIDs” label. Using D3 v6, the code fetches and parses multiple CSV files from remote GitHub gists, logging the parsed data to the console. The visualization is built with basic SVG elements, including a rectangle and text, though the primary data display remains incomplete.

Ssmeiljoe

88% match

Loading thumbnail…

ICE-5

This example renders a styled HTML table displaying metadata about a user dataset, loaded from a remote CSV file via `d3.csv`. The page fetches the CSV from a GitHub Gist and calculates the file size in kilobytes, the number of rows, and the number of columns, presenting these statistics in a text message. The table itself is styled with translucent white backgrounds and hover effects using CSS, while the background uses a custom SVG. The visualization relies on D3.js version 7 for data loading and formatting.

AAli Shah Solanki

68% match

Loading thumbnail…

ICE-5 DV

The visualization gallery example titled "ICE-5 DV" displays the metadata of an office supply sales dataset, reporting its size in kilobytes, row count, and column count within a pre-formatted message box. The presentation layers a custom SVG background image via CSS, with a centered heading and a hyperlink to the source data. Built using React, the implementation leverages D3 v7's `d3.csv` API to fetch and parse the remote CSV file, then uses the `d3.csvFormat` function to calculate data length for the metadata summary. The page's styling is defined in an external CSS file, and the D3 library is loaded from a content delivery network.

SSaiipriiya

68% match

Loading thumbnail…

project 3

This visualization displays the content of a single threat analysis document (ID 42) with named entities highlighted according to their type. The interface, built with D3.js v6, shows a plain-text intelligence report about the arrest of Omar Bakri Qatada, where each annotated entity (person, location, organization, date, etc.) is color-coded based on a label configuration file. The code uses XMLHttpRequest to load the label configuration and corpus data, then constructs the document view by dynamically creating HTML elements to render the text with its entity highlights.

KKofi Adu-Gyan

68% match

Loading thumbnail…

ICE-5

This example displays metadata from a COVID-19 vaccination dataset for U.S. jurisdictions, showing file size, row count, and column count. The visualization uses D3 v7’s `d3.csv` to load the data and `d3.csvFormat` to calculate its size, then updates text content in the DOM. An SVG background image and CSS styling frame the page, while a hyperlink points to the original dataset on GitHub.

SSanjib Paudel

68% match

Loading thumbnail…

ICE-5: Data visualization

This example demonstrates a web page that displays the file size, row count, and column count of a CSV dataset, alongside a static SVG graphic titled "star.svg." The page uses D3.js version 7.3 to fetch the remote CSV file via `d3.csv`, then formats and injects the summary statistics into a styled `<pre>` element. The rendering is plain HTML and CSS, with a React framework noted in metadata but not used in the visible markup. The SVG contains simple geometric shapes with gray and blue fills.

Ssowmyanagula@my.unt.edu

67% match

Loading thumbnail…

Data Visualization ICE5

This example displays a web page titled “This is ICE 5” that visually summarizes a CSV dataset by presenting its size, row count, and column count inside a large text block. The page also shows two static SVG images of a house and a human. It loads data from a remote GitHub gist using D3 v7’s `d3.csv` method, then computes the file size in kilobytes from `d3.csvFormat(data).length` and displays the metrics via `document.getElementById` with a template literal.

VVenkata Sai Preetham

67% match

Loading thumbnail…

ICE-5: Welcome to ICE-5 Data visualization

This example displays a web page titled "ICE-5: Welcome to ICE-5 Data visualization" that uses D3.js to fetch and summarize a CSV dataset of the Top 100 actors. It renders a cyan-styled `<pre>` element reporting the approximate file size in kilobytes, the number of rows, and the column count, alongside a static SVG image. The code leverages the `d3.csv` and `d3.csvFormat` APIs to load and measure the remote data, providing a simple, non-interactive overview of the dataset's structure.

SSravan1888

67% match