datos de prueba para Altair

100%

datos de prueba para Altair

✓ Published0🌍 Public

Last edited Jun 8, 2020

Created on Jun 8, 2020

This example uses Altair to visualize population counts by gender and age group over multiple years. The data is sourced from a gist by aaizemberg and contains yearly counts for eight age brackets, split by gender. The visualization likely uses a grouped bar chart or faceted line chart, with the x-axis representing age group and the y-axis showing Count, colored by Gender and potentially faceted by Year to reveal demographic shifts over time.

AI-generated description

Similar vizzes

Loading thumbnail…

Age range of genders

A side-by-side bar chart compares male and female population counts across age ranges, displayed as mirrored horizontal bars. Users can toggle between viewing all data combined or separated by gender, and can sort the age categories. The visualization uses D3 v3 with SVG rendering and animated transitions, leveraging ordinal and linear scales, stack layouts, and axes. Data is loaded from a CSV file and formatted with d3.format. Radio buttons and a checkbox control the display modes.

PPetrando

62% match

Loading thumbnail…

Age range of genders

This visualization presents age-range distributions for male and female populations using a diverging bar chart, with each gender extending from a central axis. Users can toggle between showing combined totals or gender-separated views and optionally sort the age ranges. The chart is built with D3 v3, rendering as SVG with animated transitions. It loads data from a CSV file, stacks the gender values using `d3.layout.stack`, and maps ordinal age ranges to y-axes, while linear x-scales handle population counts formatted with `d3.format`. Color scales differentiate genders and age ranges, with tooltips providing additional detail.

PPetrando

62% match

Loading thumbnail…

A6 Scatterplot

This scatterplot visualizes the relationship between age and income, with each circle colored by gender using a categorical color scale. The chart uses D3.js v7 to load CSV data from a GitHub gist, scales the x-axis starting at age 15 and the y-axis from 5000 income, and renders SVG circles with axes labeled "Age" and "Income." A d3-legend color legend titled "Gender" identifies the categories, while the styling sets black axis lines and text. The rendering approach is SVG, with scales defined via `d3.scaleLinear` and `d3.scaleOrdinal`.

SShazil Taqi

60% match

Loading thumbnail…

Gist cb853c154b8bb2343561

This visualization maps Barcelona’s neighborhood demographics across multiple years, contrasting population age brackets with a family income index (where the city average equals 100). It renders each district as a choropleth, using color intensity to represent income disparities, and likely employs discrete legends for each year. The code uses D3.js for geospatial paths and data binding, with an interactive year selector to toggle between 2008 and 2009 datasets. The data originates from a CSV file, parsed and joined to the geographic boundaries for display.

QQbelil

59% match

Loading thumbnail…

Age Distribution Chart

This interactive stacked bar chart displays age distributions across provinces, rendered with SVG and animation via D3.js (version 3.5.6). Users can toggle between raw counts and percentage of total using radio buttons, which triggers transitions recalculating the stack layout with `d3.layout.stack()` and updating the y-axis tick format. The chart reads from data3.csv and uses `d3.scale.ordinal()` for the x-axis, category20 colors for age bands, and a custom tooltip on hover.

LLex

58% match

Loading thumbnail…

Ayush - Bar Chart for Assignment 4

This visualization shows the average fitness levels of males and females across six age groups ranging from 18 to 50 years old. The code imports and averages data from the `@ayush-shinde/cardio_data` package, aggregating individual fitness scores by gender within each age range. Using `d3.scaleBand`, `d3.scaleLinear`, and `d3.stack`, it renders grouped bar charts with steelblue bars for males and salmon for females. Interactive tooltips appear on mouseover, and a legend identifies the gender categories. The animation rendering reveals the comparative fitness trends between genders as age progresses.

Sshindeayush76@gmail.com

58% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization displays the US population by age, sex, and year from 1850 to 2000, using grouped bars to compare age cohorts over time. Built with the Vega-Lite API, it encodes year on the x-axis, population counts on the y-axis, and age groups as color, with tooltips revealing sex and population values. The code loads CSV data via `d3.csv` from a GitHub gist, configures axes and label styling through the `config` object, and renders the chart using the Vega, Vega-Lite, and Vega-Tooltip libraries.

LLove Wessman

58% match

Loading thumbnail…

bar chart

This bar chart displays the distribution of males and females across six age groups, ranging from 20 to 50 years, using a pie chart layout. Built with D3.js v7, it fetches CSV data from a GitHub gist, processes the counts by age group and gender, and renders the visualization as SVG. The chart includes a legend showing total counts per age group and uses an interactive tooltip that appears on mouseover to reveal the specific male and female counts for each slice.

RRakesh Kumar Chekuri

57% match