Security · Real-time visualization2024Front-end · Data visualization · Security research

ThreatSense

A security interface should shorten the distance between signal and decision.

A real-time network analysis dashboard that turns changing traffic signals into a focused investigation surface.

ThreatSense dashboard with network traffic, latency, and traffic distribution charts

What needed to become clear.

Network monitoring produces several simultaneous signals. The challenge was to present traffic volume, suspicious activity, latency, and distribution without forcing the operator to assemble the story from disconnected charts.

  1. 01Continuously changing traffic data
  2. 02Several chart types with different visual scales
  3. 03A homelab environment spanning Kali, Ubuntu, and Wireshark

The product logic behind the interface.

01

Threat state leads the page

The current investigation state is separated from the analytical grid so it can be understood before reading individual charts.

02

Different views, shared cadence

Line, bar, area, and proportion views use consistent spacing and update rhythm to behave as one monitoring system.

03

Pause is part of analysis

The interface includes control over updates so a changing state can be inspected rather than merely watched.

A visible path through the system.

Capture

Homelab network traffic and Wireshark research

Analysis

Python-based traffic classification

State

Timed monitoring updates and alert state

Interface

Dash and Plotly analytical views

04 / Outcome

ThreatSense turned a collection of network measurements into a single interface for observing, pausing, and investigating suspicious traffic patterns.

What I learned

  1. 01Alert hierarchy must be stronger than chart decoration.
  2. 02Real-time interfaces need deliberate pause and inspection states.
  3. 03Visual consistency matters more as the number of data views grows.

Stack

PythonDashPlotlyWiresharkRisk analysis

Next case

StudySpark

Continue ↗