Fork of Scatter Plot with brushing - Number of deaths by alcohol and drug risk factor per 5 countries.

100%

Fork of Scatter Plot with brushing - Number of deaths by alcohol and drug risk factor per 5 countries.

✓ Published0🌍 Public

Last edited Nov 18, 2021

Created on Nov 18, 2021

This scatter plot visualizes customer data, showing age on the x-axis and total revolving balance on the y-axis, with points colored by education level using a categorical color scale. Users can brush horizontally on the chart to zoom into a specific age range, which triggers an animated update of both the x-axis domain and circle positions via transition. The visualization is built with D3 v7, using `d3.brushX`, `d3.scaleLinear`, and `d3.axisBottom`, and renders as SVG with data loaded from a CSV file.

AI-generated description

A scatter plot with brushing of [Number of deaths by risk factor]number of deaths by alcohol and drug risk factor per 5 countries. (https://gist.github.com/AlketaG/6d833620f3da9384b1347c47adef99c8).

The total annual number of deaths is measured across all age groups and both sexes.

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot - Credit Card Utilization Patterns with Brushing

This interactive scatter plot from D3 visualizes credit card utilization patterns from the Bank Customers Dataset, with each circle representing a customer colored by attrition status. Users can switch the x- and y-axes among six attributes through dropdown menus, while hovering over the legend highlights points in each category and brushing a region temporarily emphasizes enclosed points. The visualization uses d3.scaleLinear, d3.axisBottom, d3.axisLeft, d3.brush, and d3.transition to animate updates.

RRaul Gamez

76% match

Loading thumbnail…

Fork of Interactive Color Legend Scatterplot to determine Alcohol consumption Vs Life Expectancy

This interactive scatterplot visualizes the relationship between alcohol consumption and life expectancy across continents using data from a CSV file. Points are colored by continent, with an interactive color legend that highlights one continent at a time while fading others. Built with React and D3 v5, the visualization uses `scaleLinear`, `scaleOrdinal`, and SVG rendering, with mouse events on the `ColorLegend` component triggering the hover filtering.

Aaniosindustries

75% match

Loading thumbnail…

Fork of Menu Line Chart - Deaths caused per country from different risk factor

This interactive line chart visualizes annual deaths attributed to various risk factors—such as alcohol use, smoking, or unsafe water—for a selected country over 17 years. Two dropdown menus let users choose the country and the risk factor, updating the single smoothed line rendered with d3.line and curveNatural. The visualization is built with React and D3 v5, using scaleTime and scaleLinear for axes and SVG paths for rendering. The underlying data comes from a CSV file listing deaths per country and risk factor across all age groups and sexes.

Ssp3915

75% match

Loading thumbnail…

Fork of Scatter Plot

This scatter plot visualizes heart disease data from the UCI Machine Learning Repository, allowing users to explore correlations between numeric attributes like age, cholesterol, and blood pressure. Dropdown menus let viewers select which columns map to the X and Y axes. The visualization is built using D3 v5, with `scaleLinear` for scaling axes, `axisLeft` and `axisBottom` for gridlines, and animated circle transitions via `transition().duration(2000)` with staggered delays. SVG rendering displays semi-transparent red circles, while axis labels and tick marks are styled through CSS.

AAshtone Onyango

74% match

Loading thumbnail…

Fork of Deaths Scatter plot

This scatter plot presents death tolls for ten countries, with each circle’s vertical position encoding the number of deaths per country. The visualization uses D3 v7’s `scaleLinear` for the y-axis and `scalePoint` for the categorical x-axis, rendering circles as SVG elements. Data from the CSV file is loaded via `d3.csv`, with death values multiplied by 1,000. Axes are generated using `axisLeft` and `axisBottom`, while styling is applied through CSS, including semi-transparent red circles.

Aansofie123

74% match

Loading thumbnail…

Fork of Fork of Reusable D3 Scatter Plot

This scatter plot animates through cancer death rates in the USA by education level, cycling between Bacherlors, Masters, PHD, and Jobs categories. It uses a reusable D3 chart function with `scaleLinear`, `axisBottom`, `axisLeft`, and `symbol` to render differently shaped points per data type. The visualization transitions every two seconds, updating the dataset and title while preserving the SVG axes. Data comes from a Cancer in USA CSV file, loaded via `d3.csv`, with the chart redrawn using the d3 v6 selection and transition APIs.

Vvinodreddysagam929@gmail.com

73% match

Loading thumbnail…

Scatter Plot - Bank Customers Expenditure by Age

This scatter plot visualizes credit card expenditure against customer age, with each circle colored black for existing customers and red for those who have churned. Data comes from the Bank Customers Dataset, loaded via `d3.csv`. The SVG renderer uses `scaleLinear` for both axes, `axisLeft` and `axisBottom` for ticks, and circles with a fill opacity of 0.35 to show overlapping points. The plot emphasizes age and total transaction amount, revealing spending patterns and attrition clusters.

RRaul Gamez

73% match

Loading thumbnail…

Scatter Plot with Death Menu

This scatter plot visualizes death statistics across demographic categories, with blue and red circles representing male and female subjects respectively across years. The visualization uses React with d3.v5 scales to map Year on the x-axis and death counts on the y-axis, rendered as SVG elements. Interactive dropdown menus allow selection of sex, ethnicity, and age group filters, though only the age group filter currently functions. Data comes from a Gist CSV file containing firearm, suicide, and alcohol-related death counts.

PPeter Maida

72% match