Skip to main content
SimilarExport ZIP
100%

CyberAttacks LineChart - Final Project Draft v1

✓ Published1🌍 Public
Ccoreyfnolan@gmail.com
Last edited Mar 29, 2024
Created on Mar 26, 2024

This interactive line chart visualizes annual cyber attack counts across selected industry sectors from 2018 onward. Users can select up to three industry codes via dropdown menus to compare attack trends over time, with each industry represented by a distinct colored line. The visualization is built with D3.js and uses the CISSM Cyber Attacks dataset, encoding years on the x-axis and attack counts on the y-axis. The chart includes a color legend and hover interactions to highlight specific data points.

AI-generated description

A simple line viz showing annual cyber attacks dataset from below: CISSM Cyber Attacks CISSM-EDA

v1 - Added drop down menus so the user can add up to three industry codes to track at once. Code heavily influenced by prof curan's menu with d3 and eschuman's interactive scatter plot.

Attempted to update the legend to reflect the choices in the drop down but could not get it to work in time. Version two (attached below) shows my attempt to add the legend updating.

Week 11 Challenge

Iterate your work.

MIT Licensed

Similar vizzes

Loading thumbnail…

CyberAttacks LineChart - Final Project Draft v2

This interactive line chart displays annual cyber attack counts across industry sectors, using data from the CISSM Cyber Attacks dataset. Three drop-down menus allow viewers to select up to three industry codes, and the chart renders a multi-line visualization with a color legend that updates dynamically. Built with D3.js, the visualization employs `flatGroup`, `scaleOrdinal`, and `schemeCategory10` to group and color lines, while custom axis and color legend modules handle responsive rendering. The chart includes an inner rectangle background and labeled axes showing year and attack counts for the filtered industries.

Ccoreyfnolan@gmail.com
97% match
Loading thumbnail…

Fork of Cyber Attacks by Year v3

This fork of the Cyber Attacks by Year visualization displays annual cyber attack counts from 2014 to 2023, with multiple colored lines representing different industry codes. The chart uses D3.js with a time-scaled x-axis, linear y-axis, and an ordinal color scale based on the category10 scheme. Responding to mouse position, it draws red crosshair lines and uses axis labeling methods from the `@python-monty/corey-responsive-axis` library. The data originates from the CISSM Cyber Attacks database, and the visualization is implemented using `svg`, `scaleTime`, `scaleLinear`, `line`, and `flatGroup` APIs.

Ccoreyfnolan@gmail.com
88% match
Loading thumbnail…

Cyber Attacks by Year

This line chart displays the number of cyber attacks per year from the CISSM dataset. The visualization uses a simple black line against a light gray plot area, with labeled axes for year and attack count. Built with D3.js, the chart employs `scaleBand` for the x-axis and `scaleLinear` for the y-axis to position data points, which are connected using the `line` generator. The code also integrates the `corey-responsive-axis` library for axis labels and utilizes a reactive layout for resizing.

Ccoreyfnolan@gmail.com
84% match
Loading thumbnail…

Cyber Attacks by Year v2 w/ Responsive Axes

This line chart visualizes annual cyber attack counts from the CISSM Cyber Attacks dataset, with hover guides that track the mouse position. The visualization uses D3 scales and axes rendered via custom `xAxis` and `yAxis` functions from the `corey-responsive-axis` package, which adapt to container resizing through `observeResize`. The line is drawn using D3’s `line` generator with a time scale for years and a linear scale for attack counts. Data was pre-processed in Python before being imported into the VizHub environment.

Ccoreyfnolan@gmail.com
83% 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
82% match
Loading thumbnail…

Corey's Simple Line Chart

This visualization displays the number of cyber attacks per year across different industry types, using a simple line chart. The chart renders a single line showing total attacks over time, with a gray background rectangle highlighting the plotting area. The code imports d3 modules like `scaleBand`, `scaleLinear`, and `line` to construct the scales and line generator, while `xAxis` and `yAxis` from `@curran/axis-labels` handle the axes. Data originates from the CISSM Cyber Attacks database, parsed with Python, and the visualization is built using d3 version 7.8.5.

Ccoreyfnolan@gmail.com
81% match
Loading thumbnail…

Full Cyber Attack Data

This visualization presents processed cyber attack data, showing the number of events per year for each industry sector. The code filters out entries with undetermined actor types or event types, then aggregates counts by industry code and year, producing a structured dataset. It uses JavaScript array methods like `filter` and `push` to compile the data, and exports the resulting `newData` and `yearlyData` arrays for use in other modules. The current display renders sample JSON records in a preformatted HTML element.

Ccoreyfnolan@gmail.com
80% match
Loading thumbnail…

Cyber Attacks by Year/Industry

This example displays the first ten rows of a dataset on cyber attacks, showing the number of attacks per industry and year. The parsed quantitative values are formatted as JSON in a pre tag, using the d3 library for data parsing. The data comes from a CSV file detailing industry codes, years, and attack counts across various sectors. The visualization demonstrates a simple data inspection approach, converting raw CSV data into viewable structured text.

Ccoreyfnolan@gmail.com
80% match