GithubHelp home page GithubHelp logo

sandravizz / data-breach-analysis Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 16.81 MB

What Data Breaches Tell Us: An Analysis of 17,000 U.S. Data Breaches using D3.js

Home Page: https://www.bitsight.com/blog/what-data-breaches-tell-us-analysis-17000-us-data-breaches

HTML 100.00%
cybersecurity d3 d3js data-visualization eda ransomware

data-breach-analysis's Introduction

Data breach analysis

Bitsight, the international cybersecurity rating agency requested an interactive data storytelling about trends in data breaches. Bitsight provided me with a dataset including data breach security incidents from 2015 to 2022 in the US.

My workflow

  • Data processing using arquero.js
  • EDA using arquero.js and plot
  • Creating a storyline based on the most interesting patterns discovered in the EDA
  • Designing different data visualisation options using d3.js
  • Writing the blog postincluding the final interactive visualisations

Challenges

The dataset didn't include any numeric variable hence showing frequency by categories was the only option, which limited the possibility in terms of visualisation type.

Another challenge was to understand which data patterns are revealing real world trends. In order to overcome I researched deeply the topic.

After discussing the results of the EDA with the Bitsight team I decided to use an interactive barcode chart in the format of a small multiples.

Alt text

This chart allows the user to make several comparisons in one view. First comparing low severe (=blue) vs. high severe (=red) cases over time and secondly by different category types like sectors, motivation, assets etc. The chart includes a tooltip to show all details per case. For the purpose of smooth UX I applied transitions when buttons are pressed. The whole visualisation is written using d3.js.

Made with ๐Ÿ’š by Sandraviz

Follow me: twitter, linkedin and observable

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.