https://github.com/chintan45/viz-iot
https://github.com/chintan45/viz-iot
d3 data-visualization react
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/chintan45/viz-iot
- Owner: Chintan45
- Created: 2024-06-01T20:51:15.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-01T23:20:58.000Z (about 2 years ago)
- Last Synced: 2025-03-31T09:18:56.860Z (about 1 year ago)
- Topics: d3, data-visualization, react
- Language: JavaScript
- Homepage: https://attacks-on-iot.netlify.app/
- Size: 21.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Viz IoT: Visualizing IoT Attack Trends ([🔗](attacks-on-iot.netlify.app/))
 
## Overview
This project aims to analyze trends between different types of attacks and their effects on IoT (Internet of Things) devices, considering their specializations and causes. The system provides a suite of interactive and filterable visual components built using **`React.js`** and **`D3.js`** libraries.
## Interface Description
The interface has five essential visual components:
1. **Radar Chart**: Illustrates attribute contributions across various attacks using min-max scaling. Users can hover over points to access original attribute values.
2. **Attack Duration Distribution**: Demonstrates the pace of different attack types within a system. Users can filter out unwanted attacks for detailed comparative analysis.
3. **Payload Size Scatter Plot**: Depicts total payload size over time for each attack type. Equipped with tooltips, it offers insights into payload sizes at specific durations during an attack.
4. **Network Graph**: Represents attack similarities, with nodes representing individual attack types and edges depicting similarity levels. Darker shades signify higher similarity.
5. **Dynamic Line Graph**: Presents trends in header length across various attacks over regular durations. It dynamically scales axes based on attack selection.
## Technologies Used
- React.js
- D3.js
## Usage
1. Clone the repository and move to directory.
```
git clone git@github.com:Chintan45/Viz-IOT.git
cd Viz-IOT
```
2. Install dependencies using
```
npm install
```
3. Run the application using
```
npm run start
```
4. Access the application through URL
```
http://localhost:3000/
```
#### Credits
1. [Chintan Dobariya](https://github.com/Chintan45)
2. [Arka Pal](https://github.com/ArkaPal-uic)
3. [Sudhanshu Basu Roy](https://github.com/parading-purple-drumhead)
4. [Andrew Wentzel](https://github.com/tehwentzel)