ERC: Transaction Monitoring Service

100%

ERC: Transaction Monitoring Service

✓ Published0🌍 Public

Last edited Apr 7, 2022

Created on Mar 23, 2022

This interactive monitoring dashboard tracks ERC transaction request frequency across time, displaying bar charts for daily, monthly, and yearly traffic patterns alongside scatter plots and a per-IP breakdown. Users navigate temporal aggregates by clicking bars, which trigger drill-downs into finer time periods, with buttons also filtering by specific months or years. The visualization uses D3 v6 with SVG rendering and animated transitions for axis and bar updates. Data is loaded as JSON via `d3.json` from local static files representing server traffic logs, with hover interactions adding guide lines and value labels.

AI-generated description

A demonstration of how to start using D3 version 6.

MIT Licensed

Similar vizzes

Loading thumbnail…

Transaction Analysis with Time

A financial dashboard combines a temporal scatter plot and a time-series bar chart to analyze personal transactions, with linked selections across both views. The upper chart displays credit/debit amounts over time, while the lower plot correlates category, amount, and date. Built using D3.js v7 and Vega-Lite API within React, it renders via the `vl.vconcat` layout, reads CSV data from a GitHub gist, and includes interactive interval and point selection parameters for coordinated filtering.

CChris Fritz

70% match

Loading thumbnail…

Transaction Analysis with Time (Hopefully)

This visualization pairs a scatter plot of transaction amounts by category with a time-series view of the same data, enabling linked filtering through interval and point selections. The top chart plots logged amounts against categories, while the bottom chart displays amounts over time from a CSV file of personal financial transactions. Built with Vega-Lite and D3, the charts use cross-filtering to highlight correlated selections, with tooltips showing amount, description, date, credit/debit status, and category.

CChris Fritz

67% match

Loading thumbnail…

Fork of Transaction Analysis with Time (Hopefully)

This visualization analyzes a personal transaction dataset, showing spending patterns across categories and time. It uses a scatter plot to display individual transactions by category and amount on a logarithmic scale, alongside a time-based chart for chronological trends. Users can brush the time chart to filter the scatter plot, and click on categories to filter the time view. The code uses the Vega-Lite API with D3.js to load data from a CSV file and render linked selections between the two views.

Ggyan9427

65% match

Loading thumbnail…

Fork of Project Data Science

This visualization displays a linked view of personal financial transactions, with a scatterplot showing the amount and date of each transaction and a bar chart aggregating the total per transaction type. The displays are linked through interactive selections, where a brush or click on either chart filters the other. The chart uses the vega-lite API to build specifications from data fetched from a CSV file with d3.csv, and employs selectInterval and selectPoint parameters to create the interactive data queries.

CChris Fritz

64% match

Loading thumbnail…

Interactive Barchart

This interactive bar chart displays the volume of user behavior activity across 24 hours for a selected date. A dropdown menu allows the user to choose from unique dates in the dataset, triggering a smooth transition animation as bars grow to their new heights. The chart is rendered as SVG using D3 version 7, with bars that respond to mouse hover by dimming others and showing a tooltip with the hour and activity count. The code leverages D3's `transition` API, `join` for updating marks, and custom `menu` and `interactiveBar` modules, pulling data from a CSV file hosted on GitHub.

CChenYb9807

64% match

Loading thumbnail…

Fork of Fork of kvanto - transaction v2

This interactive D3.js (v6) visualization displays transaction data from Kvanto as two overlaid time-series line charts: red lines and circles represent transaction amounts in DKK, while blue lines and circles show transaction counts, each with its own y-axis. Users can switch between time periods (1 month, 3 months, 1 year) via clickable text buttons that trigger data refreshes and animated transitions, where old chart elements fade out before new ones appear. The SVG-based rendering uses d3-scaleTime, d3-scaleLinear, d3-axisLeft/Right, and d3-line to build the charts, pulling data from a remote URL via XMLHttpRequest.

Llarsboergo

62% match

Loading thumbnail…

Detector

This interactive chart, titled “Detector,” visualizes readings from two detectors over time using a dynamic bar chart. Users can switch between the two datasets by clicking buttons, which triggers a smooth animated transition of the bars. Built with React and D3 v4, the visualization employs `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis, updating `line` elements via `transition()`. Data is loaded asynchronously from a CSV file using `d3.csv`, and the display shows the dataset’s row count, column count, and size in kilobytes. The visualization is rendered as an SVG with animated axis and bar updates.

AAmanda Kiannejad

62% match

Loading thumbnail…

Most transactions where

A dashboard visualizes COVID-19 vaccination doses administered daily across US states, combining a choropleth map with a linked bar chart. The map overlays circles sized by doses for a selected date, while the bar chart shows a chosen state's time series. A dropdown menu selects the state, and the map updates to reflect the date brushed on the bar chart. Built with React and D3 v6, it uses `d3.forceSimulation` to position non-overlapping map circles and `d3.geoPath` for state boundaries, animating transitions via `d3.transition`.

WWiebke

62% match