Skip to main content
SimilarExport ZIP
100%

Distribution

✓ Published1🌍 Public
SSreedevi Itta
Last edited Nov 30, 2025
Created on Nov 3, 2025
Forked from HTML Starter

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Temporal Analysis

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.

SSreedevi Itta
73% match
Loading thumbnail…

Sample Distribution (Histogram/Kernel/CDF)

This interactive tool visualizes the statistical distribution of a numeric dataset using multiple complementary representations: a histogram, kernel density estimate, cumulative distribution function (CDF), and a rug plot. Users can adjust histogram bin width and toggle between linear and log2 value scales, while enabling the CDF adds a secondary y-axis. The visualization renders with SVG, supports zooming via click-drag on the x-axis, and is animated with transitions. It uses D3.js for scales, layouts, and SVG manipulation, with data loaded from a JSON file.

MMorganhaoyu
69% match
Loading thumbnail…

Sample Distribution (Histogram/Kernel/CDF)

This interactive tool visualizes the statistical distribution of a numeric dataset using multiple complementary representations: a histogram, kernel density estimate, cumulative distribution function (CDF), and a rug plot. Users can adjust histogram bin width and toggle between linear and log2 value scales, while enabling the CDF adds a secondary y-axis. The visualization renders with SVG, supports zooming via click-drag on the x-axis, and is animated with transitions. It uses D3.js for scales, layouts, and SVG manipulation, with data loaded from a JSON file.

MMorganhaoyu
69% match
Loading thumbnail…

Visualizing Distributions

This example compares four chart types for visualizing a single data distribution: swarm plot, pile plot, histogram, and boxplot. Using d3.forceChart, the swarm and pile plots position individual data points with a force-directed layout, while the histogram aggregates counts into bins via d3.layout.histogram, and the boxplot summarizes quartiles using d3.scale.quantile. All charts render as SVG within a shared grid, sharing the same y-axis scale for direct comparison. The underlying data comes from 700 random log-normal values.

MMorganhaoyu
69% match
Loading thumbnail…

index(11823810).html

This interactive D3 visualization demonstrates how to load and explore CSV data, displaying it as a bar chart and computing summary statistics. Users can filter the dataset by category and previous value through dropdown menus, with hover tooltips showing detailed records. The page also includes a small SVG icon showcase and prominent metric cards alongside the main visualization. The implementation uses d3.csv for data loading, d3.scaleBand and d3.scaleLinear for scales, and d3.transition for animated bar updates.

Vvineelaviswanadham07@gmail.com
69% match
Loading thumbnail…

Dsnap - Charts

This example presents a horizontal bar chart comparing 12 financial metrics, including total deposits, equity, and various credit categories, with values expressed in millions of euros. The visualization renders as an SVG with animated bars that grow in width over one second, using a quantized color scale to differentiate each category. The grid and axes are built with d3.svg.axis and linear scales, while the bar animation leverages D3’s transition API to smoothly update rectangle widths. Data is hardcoded in the script, and the chart is generated entirely with D3 v3.

MMohamedZaki
69% 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
68% match
Loading thumbnail…

Activity-6 task-4 question-4.9

This bubble chart visualizes transaction data across eight spending categories, plotting average transaction amount on the x-axis, transaction count on the y-axis, and total spending as bubble radius. Each category is color-coded using `d3.scaleOrdinal` with `d3.schemeSet2`. The visualization uses D3 v7 to load CSV data, render SVG circles, and provide interactive tooltips on mouseover. Axes are created with `d3.axisBottom` and `d3.axisLeft`, while `d3.scaleSqrt` maps total amounts to proportional bubble sizes for easy comparison of spending patterns.

Bbhargavireddy4016@gmail.com
68% match