Temporal Analysis

100%

Temporal Analysis

✓ Published1🌍 Public

Last edited Nov 30, 2025

Created on Nov 4, 2025

This visualization presents a temporal and categorical analysis of financial transactions, filtering by AccountID, Channel, and TransactionType. It shows median amounts by type and channel, transaction counts by hour and day, and a volume heatmap. The D3.js v7 code reads CSV data from a gist, renders SVG charts, and updates them based on user inputs, with an option to highlight anomalies at or above the 95th percentile.

AI-generated description

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

79% 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

77% 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

73% match

Loading thumbnail…

Distribution

Four small multiples display transaction and login distributions from a scored features CSV. D3 v7 renders SVG histograms showing log-transformed transaction amounts, credit versus debit volume, channel breakdowns, and login attempt counts. The interface includes exact-match and multi-select filters plus a checkbox to flag anomalies above the 95th percentile. Interactive controls update all charts simultaneously.

SSreedevi Itta

73% match

Loading thumbnail…

temp

This example visualizes daily e-commerce sales amounts as a time-series line chart, with dates on the x-axis and sales values on the y-axis. The SVG chart is built using D3 v7, loading CSV data via `d3.csv` and parsing dates with `d3.timeParse`. It uses `d3.scaleTime` and `d3.scaleLinear` to map data to positions, `d3.line` to generate the path, and `d3.axisBottom` and `d3.axisLeft` to render the axes. The data is sourced from a GitHub gist, rendered within a bordered container.

Aasheshpinisetti@my.unt.edu

71% match

Loading thumbnail…

Correlations

This example presents two linked views of the same financial transaction dataset: a Pearson correlation heatmap for numeric fields (e.g., TransactionAmount, AccountBalance) and a categorical association matrix using Cramér’s V for fields like Channel and TransactionType. Interactive filters let the user narrow rows by AccountID, Channel, or TransactionType. The SVG panels are rendered with D3 v7, with margins, axes, and cell labels styled via CSS. Data loads from a remote CSV, and pivoting uses d3.rollups and custom correlation functions.

SSreedevi Itta

70% 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

70% match

Loading thumbnail…

Area Chart Activity_7.1

This area chart displays cumulative revenue over time for January 2024, with a shaded region and overlaid line tracing the total as transactions accumulate across six product categories. The visualization is built with D3 v7, using the `d3.rollup` API to aggregate sample transaction data by date, then calculating running totals with a JavaScript map. The SVG rendering employs `d3.area` and `d3.line` generators with monotone curve smoothing, while scales handle time on the x-axis and linear revenue values on the y-axis. The title and axis labels are styled via embedded CSS.

Ppuneetputtu@my.unt.edu

69% match