Skip to main content
SimilarExport ZIP
100%

CyberAttacks ScatterPlot - Final Project Draft v1

✓ Published0🌍 Public
Ccoreyfnolan@gmail.com
Last edited Apr 11, 2024
Created on Mar 30, 2024

This interactive scatter plot visualizes cyber attack event types against years, with points colored by attacking actor. Users can brush over the plot to highlight specific data points. The visualization uses D3 scales (scaleOrdinal, scalePoint), axes, a color legend, and brush behavior to enable selection. Data comes from the University of Maryland CISSM Cyber Attacks Database, filtered by industry code for display.

AI-generated description

A scatter plot with color legend showing actors that have attacked an industry type. Eventually, the industry type will show at the top of the viz and will be updated based on the selections made in a linked viz. => https://vizhub.com/python-monty/cyber-attack-final-v2

Data from: [University of Maryland CISSM Cyber Attacks Database. https://cissm.liquifiedapps.com/#about
https://github.com/holisticinfosec/CISSM-EDA]

MIT Licensed

Similar vizzes

Loading thumbnail…

CyberAttacks ScatterPlot - Final Project Draft v1

This scatter plot visualizes a subset of cyber attack records from the University of Maryland CISSM Cyber Attacks Database, filtering the data by a specific industry code and plotting event date against attack subtype, with points colored by industry type. It uses D3.js APIs including scalePoint for axes, scaleOrdinal with schemeCategory10 for the color scale, and custom axis and color legend modules. The visualization renders circular marks for each attack record within a fixed rectangular inner region, with the legend positioned in the lower right corner.

Ccoreyfnolan@gmail.com
95% match
Loading thumbnail…

CyberAttacks Final Draft

This visualization presents cyber attack data from 2014 to 2023 through two linked panels. The left panel uses d3’s `line` generator and `scaleTime`/`scaleLinear` to show attack counts per industry over time, with a custom color legend supporting twenty categories. The right panel displays filtered scatter plot data using `scalePoint`, showing attack types by year for a selected industry, with actor-based coloring. Interaction includes hover highlighting and click-based filtering, implemented through d3 selection joins and event handlers.

Ccoreyfnolan@gmail.com
90% match
Loading thumbnail…

CyberAttacks Combined Vizs- Final Project Draft v1

This example combines a line chart and a scatter plot to explore cyber attack data. The line chart plots yearly trends for selected industry codes, with interactive menus to filter the data. The scatter plot displays individual attack events, using a color legend to encode industry type and supporting brush selection to highlight specific data points. Both visualizations use d3 scales, axes, and color legends, with a linked hovered value from the line chart's color legend filtering the scatter plot's data. The code uses d3.flatGroup, d3.line, d3.brush, and d3.scalePoint, among other APIs, and pulls data from the full_cyber_attack_data package.

Ccoreyfnolan@gmail.com
89% match
Loading thumbnail…

CyberAttacks Final Draft v5

Two coordinated visualizations explore cyber attack data from 2014 to 2023. A multi-line chart displays attack counts per industry over time, with a clickable color legend; selecting an industry filters the adjacent scatter plot to show only that sector's attacks by year and attack type, colored by actor. The scatter plot supports d3.brush for highlighting points. The code uses d3.scaleOrdinal, d3.line, d3.axisLeft, and d3.axisBottom, rendering as SVG with data sourced from a local dataset.

Ccoreyfnolan@gmail.com
89% match
Loading thumbnail…

CyberAttacks Combined Vizs- Final Project Draft v2

This visualization presents a combined line chart and scatter plot of cybersecurity attack data, which is filtered by three industry selectors. The line chart shows trends over time with a color legend, while the scatter plot displays the distribution of attack subtypes per year and allows users to directly brush-select data points on the plot. Built with D3.js, the code uses the `scaleTime`, `scaleLinear`, and `scaleOrdinal` APIs for scales, `line` for the line generation, and `brush` for interactive selection. The underlying datasets, `full_cyber_attack_data` and `newData`, are imported from an external package.

Ccoreyfnolan@gmail.com
88% match
Loading thumbnail…

Fork of Scatter Plot with Color

This example presents a scatter plot of Cyber Attack data from the University of Maryland CISSM database, showing the relationship between event date and attacker actor, colored by industry type. A color legend and brush interaction allow users to highlight specific data points, which update the circle strokes dynamically. The visualization uses d3.scalePoint for both axes, d3.scaleOrdinal with schemeCategory10 for coloring, and a d3.brush to handle selection. Axes and legend are rendered through custom functions that leverage d3.axisLeft, d3.axisBottom, and d3-selection methods.

Ccoreyfnolan@gmail.com
88% match
Loading thumbnail…

CyberAttacks Combined Vizs- Final Project Draft v4 (all data version)

This visualization uses D3.js to combine a multi-line chart and a scatter plot on a single page, presenting cyber attack data across industries and years. The line chart shows attack counts over time per industry, with a color legend that filters the scatter plot by industry. The scatter plot displays individual attack events by date and attack type, using D3’s brush behavior to highlight selected points. Both charts rely on D3 scales (scaleTime, scalePoint, scaleOrdinal) and custom axis and legend modules, rendering as SVG. Data is sourced from the `@python-monty/full_cyber_attack_data` package.

Ccoreyfnolan@gmail.com
88% match
Loading thumbnail…

Interactive Color Legend on Scatter Plot CISSM_CyberAttacks

This interactive scatter plot visualizes cyber attack events from the CISSM Cyber Attacks dataset, mapping event dates on the x-axis and attack actors on the y-axis. Each circle is color-coded by industry type using d3.scaleOrdinal with schemeCategory10, and the color legend displays the industry categories. The visualization uses d3.scalePoint for both axes, with axis labels generated through custom helper functions. Data comes from the @python-monty/cyber_attacksv2 package, and the chart includes an inner rectangle background to delineate the plotting area.

Ccoreyfnolan@gmail.com
87% match