Fork of CSV Dataset Template

100%

Fork of CSV Dataset Template - Computer Network Traffic

✓ Published0🌍 Public

Last edited Sep 29, 2024

Created on Sep 11, 2024

Forked from CSV Dataset Template - Penguins

This example displays the raw JSON structure of the first record from a CSV dataset of computer network traffic, showing fields for date, local IP number, remote ASN, and flow count. It loads the CSV data using a custom parsing function, converts the numeric string fields to numbers, and uses JavaScript string interpolation to render the data within a `<pre>` tag. The visualization is minimal, focusing on the data's shape rather than its temporal trends or correlations.

AI-generated description

The Computer Network Traffic, loaded and parsed as CSV.

I want to understand how the count of connections changed over time.
I want to see the correlation between the local IPs and the remote ASN in terms of the number of connections.
I want to see the geographic distribution of connections based on the remote ASNs.
I want to visualize the distribution of flows across different local IPs.
I want to identify remote ASNs that have the highest number of connections with local IPs.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of CSV Dataset Template - Cyber Security Indexes

This example forks a CSV dataset template to explore cyber security indexes across countries. It loads and parses data from `data.csv` using a raw `import`, then converts string values to numbers for analysis. A simple `container.innerHTML` assignment displays the first row of data as formatted JSON in a `<pre>` element, with the font size set via a template literal. The visualization shows a single data record rather than correlations or geographic distributions.

Ccrijos

80% match

Loading thumbnail…

Dataset #2 Network Flows

This example parses a truncated network traffic dataset from Stratosphere Labs, displaying a summary of its dimensions and contents. The page shows the total row count, column count, and file size in kilobytes, then prints the first ten rows as formatted JSON. The code uses D3 v5’s `csvFormat` to calculate data size and `tsv` to load the tab-separated data file. A black terminal-style interface with green monospace text echoes the dataset’s raw structure.

Ffloresh

79% match

Loading thumbnail…

Fork of Fork of CSV Dataset Template -Pngu

This example displays the first row of the BatteryAcq.csv dataset as a formatted JSON object in a large monospace font. It loads the CSV file, converts the TIMESTAMP field to a JavaScript Date object and parses the RECORD, BattV, and PTemp_C columns into numbers. The visualization uses a simple container with innerHTML to render the parsed data, demonstrating a minimal template for importing and transforming CSV data for use in other vizzes.

DDonald Bagwell

75% match

Loading thumbnail…

Dataset #1 Packet Headers

A CSV file containing packet headers from mixed normal and malicious network traffic is loaded and analyzed. The visualization displays a summary of the dataset, reporting the number of rows, columns, and total file size in kilobytes, along with a formatted preview of the first ten rows. The code uses d3.csv to parse the data and d3.csvFormat to calculate its byte size. The dataset is sourced from Stratosphere labs' 2016 network traffic capture, truncated from its original 151,643 lines.

Ffloresh

74% match

Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This example displays the raw contents of the Palmer Penguins dataset, parsed from a CSV file and shown as a formatted JSON object for the first row of data. It loads the data using an ES module import, converts the quantitative fields into numbers by applying unary plus operators, and renders the output as a styled `<pre>` element. The visualization serves as a template for importing and inspecting new datasets in VizHub.

RRuba Khan

72% match

Loading thumbnail…

This example displays the first row of the Palmer Penguins dataset as a JSON object in a large preformatted text block. It loads the CSV data, parses the quantitative attributes into numbers, and then renders the parsed first entry. The code imports data from `data.csv` and uses a stringified JSON representation to display the object within the container's inner HTML. The data originates from the palmerpenguins GitHub repository.

QQuinn Sebso

72% match

Loading thumbnail…

Fork of DVS SOTI Challenge Data

This example displays the raw contents of the first data table from a CSV import, presenting a JSON string of the first row in a large monospace font. The code imports the `test.csv` file using a static ES module import, while other dataset files are commented out for potential inclusion. The React-based visualization renders the parsed data preview into a container using a template literal, showing the table structure with its rows and columns.

CCurran Kelleher

72% match

Loading thumbnail…

Fork of CSV Dataset Template - Penguins

This example demonstrates how to display a parsed CSV dataset by rendering the first row of the Palmer Penguins data as formatted JSON. It shows the raw structure of a single data record, including both quantitative and categorical attributes, before any further analysis. The visualization uses the `data.csv` import and parses numeric fields like `bill_length_mm`, `bill_depth_mm`, `flipper_length_mm`, and `body_mass_g` with unary plus operators. The code then inserts a `<pre>` element with the JSON string into the container, leveraging the `main` export function and the `data` export for reuse.

Hharichandanamone21@gmail.com

71% match