100%

Bruh

✓ Published0🌍 Public

Last edited Jun 18, 2016

Created on Jun 18, 2016

A bar chart shows the mean original loan amount for Prosper Loans debt consolidation loans across yearly income brackets rounded to the nearest $10,000, from $0 to $150,000. The chart uses dimple.js to render SVG bars via D3, with a category axis for income and a measure axis for mean loan amount. The data comes from the CSV file `MeanLoanAmountProsperLoanData.csv`, and the visualization is styled with navy rectangles and custom axis titles.

AI-generated description

Built with blockbuilder.org

Bruh

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/d99ae2b5665dcd610572d1a21dbf0679'>fresh block</a>

Similar vizzes

Loading thumbnail…

Multi line chart

This multi-panel dashboard visualizes loan data trends using D3.js (v7) with SVG rendering. The first panel displays a multi-series line chart comparing normalized applicant income, coapplicant income, and loan amounts across records. The second panel combines bars showing average loan amounts by property area with a line depicting the percentage of credit history equal to 1. The code fetches CSV data via a GitHub Gist URL, parses it with `d3.csvParse`, and dynamically generates both charts using D3's SVG API, including axes, grid lines, and legends.

SSreedevi Itta

66% match

Loading thumbnail…

Chicago Fed Loans to Individuals (in millions)

This example shows a bar chart of Chicago Fed loans to individuals, with each bar’s length proportional to the loan amount in millions. The bars are sorted in descending order by loan value, and hovering reveals the corresponding year and score via a native SVG `<title>` tooltip. The visualization uses D3 v3 to load data from a CSV file, bind it to `rect` elements, and set each bar’s `width` attribute directly from the `individualloans` field. The rendering is done entirely with SVG, with no axes or scales, so the bars are positioned vertically in a simple stacked layout.

AAbechtel

64% match

Loading thumbnail…

Untitled

A bar chart displays the daily earnings of named individuals, with purple bars scaled along linear and band axes. The chart loads CSV data from a GitHub gist, parses the numeric `amounts` field, and uses `d3.scaleBand` and `d3.scaleLinear` to map categories and values. The SVG rendering appends rectangles via `d3.selectAll` and adds axes with `d3.axisBottom` and `d3.axisLeft`.

VVineela Reddy

63% match

Loading thumbnail…

Fork of D3 Starter

This example analyzes a loan approval dataset with four linked D3 v7 charts in SVG: a pie chart of overall loan status, a histogram of CIBIL scores split by approval status, a scatter plot of annual income versus loan amount, and a grouped bar chart of approvals by education level. Using `d3.csv`, `d3.rollup`, `d3.pie`, `d3.arc`, `d3.bin`, and `d3.scaleBand`, it visualizes the dataset’s key categorical and numerical relationships. The charts share a consistent blue-and-red color scale applied via `d3.scaleOrdinal`, with custom legends and axis labels for clarity.

Yyinyiwen3589@gmail.com

62% match

Loading thumbnail…

ACT_7.1

A D3 area chart displays loan amounts against borrower age, showing how requested loan values distribute across ages 21–26 with a prominent cluster between high and low amounts. The visualization sorts the dataset by age, encodes age on a linear x-scale and loan amount on a linear y-scale, and renders a steelblue filled area via the `d3.area()` generator with axes from `d3.axisBottom` and `d3.axisLeft`. The example uses D3 v7 with SVG rendering, drawing from an inline array of sample data.

MMANEEDI NAGAKIRAN

61% match

Loading thumbnail…

Making a bar chart

This gallery example builds a bar chart from financial data in `data.json`, comparing five months of income and fixed outcome amounts side by side. It shows the data split across two horizontal sections: income bars rise upward in steel blue, while outcome bars extend downward in black. The visualization is created with D3.js v5, using `d3.scaleLinear` and `d3.scaleBand` to map values and months, with `d3.axisLeft` and `d3.axisBottom` for labeled axes. Animated transitions on the income bars animate them from zero to their final height, while SVG rendering and CSS classes style the final output.

KKrister

61% match

Loading thumbnail…

Chicago Fed Loans to Individuals (in billions)

A horizontal bar chart displays loans to individuals at Chicago Fed member banks from 1966 to 2012, with bars sorted in descending order by loan amount. The visualization uses d3.v3 to load the CSV data via `d3.csv`, sorts rows with `d3.descending`, and renders SVG rectangles positioned by index. Each bar’s width maps directly to the `individualloans` value in billions, and hovering reveals a tooltip with the year and loan figure. The data comes from the ChicagoFDIC.csv file.

AAbechtel

61% match

Loading thumbnail…

Chicago Fed Loans to Individuals (in billions)

This example visualizes Chicago Fed loans to individuals, measured in billions, as a horizontal bar chart. It shows the relative loan amounts across years, with longer bars indicating higher loan values, sorted in descending order. The visualization uses D3.js (v3) to load CSV data from "ChicagoFDIC.csv" and render SVG rectangles. Each bar’s width is mapped to the numeric `individualloans` field, and tooltips display the year and loan amount via appended `title` elements. The chart is rendered with a fixed SVG height, and the data is sorted using `d3.descending` on the loan values.

AAbechtel

61% match