Skip to main content
SimilarExport ZIP
100%

Count of Flow Logs Grouped by Day

✓ Published0🌍 Public
Ffloresh
Last edited Nov 9, 2018
Created on Sep 18, 2018

This example shows a line chart of network flow counts per day over a three-and-a-half-month period, highlighting daily fluctuations in connection activity. The visualization uses D3 v5’s SVG rendering with `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and a `line` generator with `curveBasis` smoothing to create the path. Data is loaded from a CSV file containing timestamps and counts, and the chart includes labeled axes and a title. The source is a private netflow dataset provided by a WPI professor, cleared for public use.

AI-generated description

This line chart shows the number of flows per day occuring over a three and a half month period.

This data is netflow data with correlated keyboard, mouse, and gui activity fields. This is a novel data source representing windows on a desktop (user interactions)

This data comes from a private data source provided by a professor at WPI. This professor has cleared this data set for public use.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter, Line, and Area Example

This line chart shows the daily count of network flows over a three and a half month period, with each point representing a day’s total. The data, sourced from a professor at WPI and cleared for public use, includes timestamps and flow counts. The visualization uses D3 v5’s `scaleTime` for the x-axis and `scaleLinear` with `nice()` for the y-axis, rendering the trend with a smooth, curved line via `lineGenerator` and `curveBasis`. The chart is drawn in an SVG element, with axis ticks, labels, and a title styled through CSS.

Ffloresh
84% match
Loading thumbnail…

Aggregated Event Sequences with Flow Histograms

This example visualizes aggregated event sequences from network connection logs, displaying each sequence as a row of colored blocks in a middle panel alongside attribute histograms on the left and detailed sequence information on the right. Users can filter sequences and events using regular expressions, with matching elements highlighted in green. Clicking events in the detail view builds rules that update the filter. The visualization uses d3.v5 with SVG rendering, employing d3.scaleBand, d3.scaleLinear, d3.axisBottom, d3.axisLeft for histograms, and d3.event handlers for interactivity.

Ffloresh
71% match
Loading thumbnail…

line chart time data

This line chart visualizes daily values over a two-week period, with a red path connecting data points plotted by date and value. The y-axis starts at 8000 to emphasize variation, while each data point is marked with a circle. Using D3 v5, the code loads a CSV file, parses dates with `new Date()`, and applies `scaleTime` and `scaleLinear` for axes. The `line` generator with `curveBasis` creates the smoothed path, and SVG circles are appended for points, with axes rendered via `axisLeft` and `axisBottom`.

VVvgupta
70% match
Loading thumbnail…

ice 7 Line chart Ar

This chart tracks period flow intensity across the twelve months of the year, using a monotone-smoothed line and circular dots to highlight monthly values. Built with d3.v7 and rendered as SVG, the visualization maps month names along the x-axis and flow intensity on a fixed 0–5 scale. The line is generated with the `d3.line` API, while `d3.scalePoint` and `d3.scaleLinear` set the scales, and `d3.axisBottom` and `d3.axisLeft` produce the axes. The dataset is embedded directly in the script, showing a consistent pattern of intensity fluctuating between 2 and 4.

Ccharchana0527@gmail.com
69% match
Loading thumbnail…

line chart time data

This line chart visualizes time-series data from a CSV file, plotting daily values over a period from late 2017 to mid-2018. Two distinct series are shown, with the primary line appearing nearly flat around 2,055,322 and a secondary series appearing later with slightly higher values. The visualization uses D3 v5 with SVG rendering, employing `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to construct the chart, with circles marking individual data points.

Oovalli
69% match
Loading thumbnail…

Area Chart

This example visualizes monthly website visitor counts over a five-year period, using a smooth area chart with a green fill and an overlaid orange line. The D3 v5 code loads CSV data from a GitHub Gist, parses the year field as dates, and renders the SVG chart on a 930×450 canvas. It employs `scaleTime`, `scaleLinear`, `area`, and `line` generators with `curveBasis` for smoothing, while `axisBottom` and `axisLeft` add labeled ticks with gridlines. Styling is handled via CSS classes for the area and line paths.

CChaitanya Ratan Sree
69% match
Loading thumbnail…

Fork of My Line Chart

This line chart displays daily internet usage in gigabytes over the year 2020. The visualization uses d3.csv to load the dataset, then applies d3.scaleTime and d3.scaleLinear for the x and y axes respectively, with a d3.line generator creating the red stroke path. A peach-colored reference band highlights usage above 100 GB. Interactive features include a listening rectangle that captures mousemove events, displaying a tooltip with the date and usage value. The SVG rendering includes axis labels, a titled header, and a dotted vertical line that tracks the cursor position.

Aaishwarya2111
69% match
Loading thumbnail…

four

This area chart displays daily values over a 50-day period, with a semi-transparent blue fill beneath a solid blue trend line. The visualization uses D3.js v7 to load data from a CSV file and render an SVG. It employs `d3.scaleLinear` for both axes, `d3.area` and `d3.line` to generate the paths, and `d3.axisBottom` and `d3.axisLeft` for the labeled day and value axes.

Mmsahithipatel@gmail.com
69% match