Skip to main content
100%

How does Andy use his American Express?

✓ Published0🌍 Public
Aadilyalcin
Last edited Mar 7, 2017
Created on Feb 27, 2017

Andy’s Amex spending is shown as a hierarchical treemap-like layout with a left-side category panel and a middle panel listing merchants and amounts, colored by category and subcategory. The visualization uses the KSHF config with D3-based rendering, parsing dates from a Google Sheets source and computing weekly aggregates. It sums amounts by metric type, collapses country and amount summaries, and displays month-of-date as a hidden dimension, while the left panel supports interactive expansion of Category, Subcategory, Country, and Day of Week.

AI-generated description

Similar vizzes

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
54% match
Loading thumbnail…

Activity 7 Q1

This pie chart visualizes monthly expenditures broken down by department, with each slice colored distinctly and labeled. A corresponding legend on the right displays the department names alongside their numeric expenditure values in dollars. The visualization uses d3.arc to generate pie segments and centroids for label placement, d3.scaleOrdinal to map categories to the color palette, and d3.csv to load the monthly_expenditure dataset from a remote URL.

Ssumithdugyala@my.unt.edu
54% match
Loading thumbnail…

Scatter Plot

This chart displays a monthly breakdown of expenses as a pie chart, with each slice representing a category and its corresponding value from the loaded CSV file. The visualization uses D3.js (v7) to load the data via `d3.csv`, compute angular positions with `d3.pie`, and render colored slices and labels using `d3.arc`. A legend on the right lists each category and its numeric amount, while the chart is drawn as SVG elements within a 900x500 viewport. The title clarifies the chart’s focus on monthly expenses.

Ppvvaishnavi93@gmail.com
54% match
Loading thumbnail…

A7 -D3 Small Multiples Chart

This visualization presents Valentine's Day spending trends across six categories—Candy, Flowers, Jewelry, Greeting Cards, Evening Out, and Clothing—from 2010 to 2022. It uses a small multiples layout to display each category as its own line chart, with consistent axes for easy comparison. The charts are built with D3 v6, using `d3.csv` to load data from a remote GitHub gist, `d3.scaleLinear` for axes, and `d3.line` to generate the paths. The color-coded strokes help distinguish each category, and the grid arrangement facilitates side-by-side analysis of spending changes over time.

Rragregory@dons.usfca.edu
54% match
Loading thumbnail…

Gist 515d01d65d622b5733123dd0e2960cda

This visualization shows a personal credit-card transaction log from July 2023, mapping individual purchases by category and amount over time. It uses D3.js with `d3.forceSimulation` to position nodes representing transactions, while `d3.geoPath` renders a geographic background of the San Francisco Bay Area based on the merchants' locations. The data comes from the CSV file `tx.csv`, parsed into a bubble chart where node size corresponds to transaction value and color encodes category. The code also applies `transition.attrTween` for smooth node movements and tooltips to display transaction details on hover.

Aamazingandyyy
54% match
Loading thumbnail…

Reusable Clustered Bar Chart with Interaction

A clustered bar chart displays average credit card metrics from a bank customer dataset, grouped by categorical attributes like income or education. Users select the grouping variable and the metric to aggregate, while bar colors encode card category (Blue, Silver, Gold, Platinum). The chart uses D3’s `scaleBand`, `scaleLinear`, and `scaleOrdinal` to position and color bars, with `transition` animating updates. Hovering reveals tooltips showing sums and counts via SVG `title` elements. Data is preprocessed with D3’s `rollups` and `group` functions from a CSV source.

RRaul Gamez
53% match
Loading thumbnail…

Activity 7 Q2

This area chart visualizes expense amounts by subcategory, drawing from a remote CSV dataset. The visualization combines a semi-transparent steelblue area with an overlaid steelblue line to show trends. Built with D3 v6, it uses `d3.scalePoint` for the categorical x-axis, `d3.scaleLinear` for the numeric y-axis, and `d3.area` and `d3.line` generators to create the paths. The SVG output includes rotated x-axis labels and axis labels, with data loaded via `d3.csv`.

Vvishnutejareddyambati@my.unt.edu
53% match
Loading thumbnail…

Gist c22c3354ee89f6f6c8d7c1f9358e6299

This visualization compares consumer expenditure patterns across four Midwestern U.S. cities—Chicago, Detroit, Minneapolis–St. Paul, and St. Louis—using data from the Consumer Expenditure Survey. It shows categorical spending differences (e.g., food, housing, transportation) through a horizontal bar chart layout, with each city’s values encoded as bar lengths. The code uses D3.js (d3.scaleBand, d3.scaleLinear) to map categories and values, and d3.axisBottom for the value axis. Data comes from the CSV file `midwest_flatten_3.csv`, which contains income and spending figures per city.

JJustinGOSSES
53% match