Spendink!

100%

✓ Published0🌍 Public

Last edited Mar 11, 2016

Created on Jan 12, 2016

Spendink! visualizes 2012 Medicare spending by plotting each ICD-9 code as a dot on a log-log scatterplot, with total encounters on the x-axis and total cost on the y-axis. Hovering a dot reveals the diagnosis code, encounter count, and cost via a d3.tip tooltip. The chart uses d3.svg.axis with logarithmic scales, a d3.svg.brush for rectangular zooming, and renders as SVG circles from costs.csv data loaded via d3.csv.

AI-generated description

Similar vizzes

Loading thumbnail…

Fork of D3 Scatter Plot

This scatter plot visualizes health expenditure data over time, with each circle representing a year’s expenditure value. The visualization uses D3 v6’s `csv` loader to fetch data from a GitHub Gist, then maps it through `scaleLinear` scales for the x and y axes. Axes are rendered with `axisBottom` and `axisLeft`, while circles are drawn using SVG elements. The code explicitly parses the `year` and `Expenditure` columns as numbers, and the chart fills the entire browser window with margins applied to the plot area.

KKhatera Alizada

71% match

Loading thumbnail…

Untitled

This example shows personal spending over time as a bar chart titled “My Spendings Over The Years,” with each bar colored by a quantized scale from light to dark blue to indicate dollar amounts. The visualization uses D3 v7 to load CSV data, create a band scale for years and a linear scale for dollar values, and render SVG rectangles for bars. An axis with dollar-formatted tick labels, a year label, and a d3-legend color legend are added, with the y-axis domain hard-coded to 2125 for consistent scaling.

Rrykay

69% match

Loading thumbnail…

Interactive Color Legend Scatterplot to determine Healthcare Expenditure per year

This interactive scatterplot visualizes healthcare expenditure against year for different continents. The visualization uses d3.scaleLinear for X and Y axes and d3.scaleOrdinal for color mapping. A color legend allows users to hover over continent names, filtering and highlighting corresponding data points while fading others. Built with React and d3.v5, the SVG rendering uses CSV data loaded via d3.csv.

Aaishwarya8615

69% match

Loading thumbnail…

Line Chart

This line chart displays US healthcare spending per capita from 2000 to 2019, showing a steady upward trend over the two decades. The visualization uses D3.js v7 with an SVG rendering, employing `d3.scaleBand` for the categorical year axis and `d3.scaleLinear` for the spending values. The line is drawn using `d3.line()` and styled with a coral stroke. Data comes from Macrotrends, loaded via `d3.csv`, with axes generated by `d3.axisBottom` and `d3.axisLeft`.

CChathurya

69% match

Loading thumbnail…

Interactive Color Legend

This interactive visualization displays prescription drug expenditure data from the Medical Expenditure Panel Survey, plotting annual out-of-pocket costs across gender categories. A color legend encodes gender groups using d3.scaleOrdinal with schemeCategory10 colors; hovering over legend items filters the scatter plot marks via d3.selection join operations, dimming non-matching points to 20% opacity. The scatter plot uses d3.scaleLinear for both axes and d3.axisLeft/axisBottom for tick marks. Data loads asynchronously from a CSV file and is parsed with d3.csvParse.

KKhatera Alizada

67% match

Loading thumbnail…

Multiple Line plot with Dropdown Health Cost by Age

This interactive visualization displays health care spending in the United States by age group, gender, and payment source. A dropdown menu lets users select different expenditure categories, while the line chart animates between views using D3 transitions. The chart plots spending over time for total, male, and female populations, with a color legend distinguishing these groups. The visualization uses d3.csv, d3.scaleTime, d3.scaleLinear, d3.line, d3.nest, and d3.axisBottom/axisLeft to render SVG paths and axes, based on data from the Centers for Medicare & Medicaid Services.

KKhatera Alizada

67% match

Loading thumbnail…

spending_graph

This visualization shows French Government Spending by Department, using a bar chart to compare spending allocations across Education, Military, Health, Transportation, and Others. The bars are rendered in SVG using D3 v6, with `d3.scaleBand` and `d3.scaleLinear` mapping categorical and numerical values, while `d3.axisBottom` and `d3.axisLeft` display the axes. Hovering over a bar changes its fill color from steelblue to orange. The chart includes rotated department labels and explicit axis titles, with data provided as static in-code arrays.

Ttimothy.bell@cgi.com

66% match

Loading thumbnail…

Dot Plot

This dot plot visualizes state expenditure data from 1992–2019, with each point representing a state’s total spending in hundreds of millions of dollars. The chart uses p5.js’s `loadTable` to fetch a CSV, `createCanvas` for rendering, and `point` with heavy `strokeWeight` to draw dots. Annotations highlight comparisons, such as New York’s spending being 1.5 times Texas’s, while the axes are manually constructed via `line` and `text`.

PPranay Matalia

66% match