Term Deposits based on Marital Status

100%

Term Deposits based on Marital Status

✓ Published0🌍 Public

Last edited Jul 25, 2023

Created on Jul 25, 2023

Three donut charts compare term deposit subscription rates across divorced, married, and single customers. Each chart uses `d3.pie` and `d3.arc` to render the proportions of "yes" and "no" responses, with percentage labels and hover tooltips showing exact counts. The data is fetched as CSV and filtered with `d3.nest`, while an ordinal color scale distinguishes the two outcomes. The visualization is built with D3 v5, rendered as SVG, and includes basic hover interactions via mouseover and mouseout events.

AI-generated description

An example showing the capabilities of VizHub:

Loads D3 via UNPKG.
Demonstrates use of import from "d3".
Demonstrates use of import from local ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

Types of People watching the Netflix shows

Three donut charts compare the proportion of Netflix viewers with deposits by marital status: divorced, married, and single. Each chart uses `d3.pie` and `d3.arc` to render donut segments, with `d3.nest` aggregating the CSV data by the `y` (deposit) variable. Color distinguishes deposit status, while labels show percentages and hover tooltips display exact counts using SVG and animated opacity transitions. The data is fetched via the Fetch API from a GitHub gist.

Aanith462@gmail.com

75% match

Loading thumbnail…

Tax Payers: Gender and Marital Status Ratio Pie Chart

This visualization displays the ratio of tax payers categorized by gender and marital status, presented as a pie chart. The two charts show gender (male and female) and marital status (single, widowed, married) totals, sourced from CSV files. The code uses d3 pie and arc functions to generate the SVG paths, with d3.scaleOrdinal and d3.schemeSet2 providing categorical colors. Labels are placed at each slice’s centroid using the arc generator’s centroid method.

IIyke2909

69% match

Loading thumbnail…

Donut Charts - Attrition Level per Categories

A set of donut charts displays the number of attrited versus existing bank customers across five categorical variables: income level, education level, marital status, card category, and gender. A dropdown menu lets the user switch between these categories, and the charts animate smoothly when the selection changes. The visualization is rendered with SVG using D3.js, leveraging the pie and arc generators to create the donut segments. Each slice’s fill color encodes customer status, and tooltips reveal exact counts on hover. The data comes from a Bank Customers Dataset loaded as a CSV, and a custom summary function aggregates counts per group.

RRaul Gamez

69% match

Loading thumbnail…

fresh block

This visualization displays the number of articles published by married, single, and divorced individuals across age brackets from 25 to 75. Each marital status is represented as a horizontal row of circles, where the circle’s size corresponds to the article count for that age range. Built with D3.js, the SVG chart uses linear scales for positioning and radius, and toggles between circles and numeric labels on mouseover. The data is loaded from a local JSON file, and the chart is styled with custom CSS for axes and labels.

MMatteoTomassetti

64% match

Loading thumbnail…

teractive Pie Charteew

An interactive donut chart visualizes the distribution of income categories from a CSV dataset, with each slice labeled and colored by category. Hovering over a slice displays a tooltip showing the percentage of the total that slice represents. The chart is rendered as an SVG using D3 v5, employing `d3.pie()`, `d3.arc()`, and `d3.scaleOrdinal()` for layout and color encoding, with mouse events to update the tooltip’s opacity and position.

NNarayana Reddy

62% match

Loading thumbnail…

pie charts

Two pie charts compare the distribution of student grades from the previous term versus the current term. Each donut chart segment is colored by the dominant stress level (high, medium, low), with the percentage label displayed on each slice. Clicking a segment reveals a tooltip with the student count, average study hours, and stress level. The visualization uses D3 v7's `d3.pie`, `d3.arc`, and `.join()` methods on SVG paths, with data loaded from a CSV file and a custom opacity-transition tooltip.

Ddeekshakondam@gmail.com

62% match

Loading thumbnail…

sample 3

Two side-by-side donut charts show grade distribution (A–F) for male and female students, with a tooltip revealing count, depression level, and percentage for each grade. The visualization uses D3 v7’s `d3.pie`, `d3.arc`, and `.join` to render SVG paths and labels. Hovering expands a slice via `arcHover` while an HTML tooltip follows the cursor. Data is hardcoded in JavaScript arrays, and a horizontal legend maps grades to a categorical color scale.

Vvyjayanthimamidipalli@gmail.com

62% match

Loading thumbnail…

Interactive Demographic Donut Chart

This interactive donut chart visualizes the distribution of players across demographic categories, showing subcategories like age ranges (18–24, 25–34) and gender (male, female) as colored slices with hover tooltips displaying percentages and counts. A dropdown menu lets users switch between age and gender views, triggering animated transitions between datasets. The visualization uses d3.pie, d3.arc, d3.scaleOrdinal, and d3.transition in SVG, with data loaded from a CSV file via d3.csv. Hover interactions and a legend with category labels enhance readability.

Iindira-antgrvty

61% match