Average Packet Length Scatter Plot

100%

Average Packet Length Scatter Plot

✓ Published1🌍 Public

Last edited Aug 30, 2019

Created on Sep 7, 2018

This scatter plot displays the average packet length in bytes for various network protocols, with protocols ordered along the y-axis and average lengths plotted along the x-axis. Each data point is rendered as a purple circle, and hovering reveals a tooltip with the exact byte count. The visualization uses d3.select, d3.scaleLinear, and d3.scalePoint to position marks, while d3.axisLeft and d3.axisBottom generate labeled gridlines. Data originates from Stratosphere Labs’ 2016 network traffic captures, aggregated by protocol from the CSV file.

AI-generated description

This scatter plot shows data about packet headers. The y-Axis shows protocol names sorted by the average length of their corresponding packets. The x-axis show the average packet length in number of bytes.

This data was generated in 2016 by Stratosphere labs network traffic captures. This particular dataset comes with other network traffic log sources as well as a description of the actions taken to produce the traffic.

The data in this scatter plot was modified from the original dataset. The columns were grouped by "Protocol" and then the length field was aggregated to obtain the average value per protocol.

The tool-tip code was taken from user "d3noob" on bl.ocks.org

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot Cyber attacks

This scatter plot shows the relationship between packet length and anomaly scores in network traffic data. The visualization maps packet length on the x-axis and anomaly scores on the y-axis, with each circle representing a data point. The code uses d3.csv to load data from a GitHub gist, d3.scaleLinear for both axes, and d3.axisLeft and d3.axisBottom to render the scale ticks. Circles are appended to an SVG container using data joins, with blue fill and 50% opacity to show overlapping points.

Qq4428611@gmail.com

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

66% match

Loading thumbnail…

Scatter Plot Cyber attacks

This scatter plot visualizes cyber attack data by mapping packet length on the x-axis against anomaly scores on the y-axis using D3.js v6. The code loads CSV data from a GitHub gist, parses numeric fields, and renders semi-transparent blue circles with an SVG canvas. Linear scales define the plot’s domains and ranges, while axes are generated with `axisLeft` and `axisBottom`. Labels for both axes are manually positioned, and the visualization fills the browser window with margins adjusted for tick readability.

AAkhil Charugulla

66% match

Loading thumbnail…

Pie plot cyber attacks protocols

This pie chart displays the distribution of network protocols observed in a cyber attacks dataset, showing each protocol’s relative frequency as a slice with a color-coded legend and percentage labels. The visualization counts occurrences of the “Protocol” column from a remote CSV file, then uses d3.pie and d3.arc to generate the SVG arcs, with d3.scaleOrdinal and d3.schemeCategory10 assigning colors. A hand-built legend lists each protocol alongside its computed share of the total.

AAkhil Charugulla

64% match

Loading thumbnail…

Scatter, Line, and Area Example

This line chart shows the daily count of network flows over a three and a half month period, with each point representing a day’s total. The data, sourced from a professor at WPI and cleared for public use, includes timestamps and flow counts. The visualization uses D3 v5’s `scaleTime` for the x-axis and `scaleLinear` with `nice()` for the y-axis, rendering the trend with a smooth, curved line via `lineGenerator` and `curveBasis`. The chart is drawn in an SVG element, with axis ticks, labels, and a title styled through CSS.

Ffloresh

63% match

Loading thumbnail…

Traffic Data Scatter Plot

This scatter plot visualizes traffic data, showing the number of vehicles against the hour of day, with each point’s radius and color encoding the percentage of heavy vehicles. It loads CSV data from GitHub and renders circles in an SVG using D3 v6, employing `scaleLinear` for axes, `scaleSqrt` for circle sizing, and `scaleOrdinal` with `schemeCategory10` for color mapping. Axes are added via `axisLeft` and `axisBottom`.

JJayanthKumarkoni

61% match

Loading thumbnail…

Scatter Plot

This scatter plot displays 50 data points plotting area against value, with purple circles positioned using linear scales derived from the data's extent. The visualization demonstrates D3 axis customization, including tick lines that span the full chart dimensions, a rotated y-axis label, and a capitalized title. The code uses d3.csv to load the data and d3.scaleLinear, axisBottom, axisLeft, and extent functions from D3 v5, rendering everything as SVG elements within an 960x500 viewport.

Ccarlos157oliveira

61% match

Loading thumbnail…

Pie plot cyber attacks protocols

This pie chart visualizes the distribution of cyber attack protocols from a CSV dataset, showing the proportional share of each protocol as colored slices with a legend displaying labels and percentage values. The visualization uses D3 v6 to load the data, counts occurrences of each protocol value, and renders the chart as SVG using `d3.pie` and `d3.arc` generators. A categorical color scale from `d3.scaleOrdinal` with `schemeCategory10` colors the slices, while the legend is built manually with SVG rectangles and text elements.

Qq4428611@gmail.com

61% match