Skip to main content
SimilarExport ZIP
100%

Visualización de Datos

✓ Published0🌍 Public
JJuanma-GP
Last edited Jul 13, 2018
Created on Jul 13, 2018

A horizontal bar chart presents June polling data from the Spanish barometer, showing vote shares for four political parties as colored bars of varying widths labeled with party names. The visualization uses plain HTML `div` elements with inline CSS `width` properties and background colors to encode the values, while an `h1` heading identifies the dataset. The code loads D3 v4 from a CDN but does not employ any D3-specific data binding or scale functions, instead relying entirely on static markup and styling within a flex-like layout. The source is embedded directly in the page structure.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

Ejercicio 6

This example displays a bar chart of Spanish parliamentary seat counts from the June GAD3 barometer, comparing four parties. It shows both an SVG version with styled rectangles and text labels, and an HTML/CSS version using divs with background colors and widths. The code loads CSV data with d3.csv, binds it to existing SVG elements, and uses D3 v5 methods like `.attr()` and `.text()` to set bar dimensions, colors, and party names. The visible source data includes party names, seat counts, and color codes.

JJuanma-GP
84% match
Loading thumbnail…

Ejercicio6

This example visualizes a horizontal bar chart of Spanish parliamentary seat counts from the June GAD3 barometer, using a small CSV dataset with party names, seat numbers, and colors. It shows relative seat distributions across four political parties, with party labels overlaid on the bars. The visualization is built with D3 v5, using `d3.csv` to load the data and SVG `rect` elements for bars and `text` elements for labels, with bar widths scaled proportionally to seat counts and colors mapped from the dataset.

JJuanma-GP
83% match
Loading thumbnail…

Ejercicio6

This example visualizes a horizontal bar chart of Spanish parliamentary seat counts from the June GAD3 barometer, using a small CSV dataset with party names, seat numbers, and colors. It shows relative seat distributions across four political parties, with party labels overlaid on the bars. The visualization is built with D3 v5, using `d3.csv` to load the data and SVG `rect` elements for bars and `text` elements for labels, with bar widths scaled proportionally to seat counts and colors mapped from the dataset.

JJuanma-GP
83% match
Loading thumbnail…

Bar Chart, Framed

This bar chart visualizes unemployment rates across Spanish regions in 2015, with bars colored in a dark red that deepens on hover to reveal the precise value. Built with D3 v3, the visualization is framed by a clean white background and uses an interactive hover effect—when the pointer passes over a bar, it fills with a rich crimson and the corresponding value label fades in, making it easy to compare regional unemployment data. The chart is part of a larger data exploration tool that includes additional views for scatterplots and line charts, all driven by user-controlled variable selection.

CContrastat
72% match
Loading thumbnail…

Bar Chart, Framed

Animated horizontal bar chart of hydro-vulnerability rates across Barcelona metro municipalities, sorted descending, with hover labels showing exact percentages. The visualization then transitions to a scatterplot comparing these rates against registered unemployment, framed within white panels on a gray background. Built with D3.js (version 3.5.6), it uses ordinal scales, SVG transitions, and axis components to render the data from the supplied CSV.

CContrastat
70% match
Loading thumbnail…

Fork of Making a Bar Chart

This example shows a bar chart intended to display the percentage of cases by Spanish province for June 2021, though the rendering logic in `index.js` is incomplete and only logs the loaded data to the console. The code loads data from `data.csv` using `d3.csv` and selects an SVG element via `d3.select`. It defines placeholder accessor functions and a `render` function that is never called, leaving the visualization blank. The page includes a D3 v5 script and a stylesheet that styles any `rect` elements in steelblue.

Mmartajimpac
69% match
Loading thumbnail…

Stacked Normalized Horizontal Bar Chart

This stacked normalized horizontal bar chart visualizes the distribution of male and female members across multiple political party groups, with each bar normalized to represent proportions rather than raw counts. The data is sourced from a CSV file containing party names and gender counts. The chart uses D3 v6’s `d3.stack()` with `d3.stackOffsetExpand` for normalization, rendered as SVG rectangles with a color scale distinguishing genders. Interactive tooltips display exact values, while labels show raw counts, and the chart includes a color legend for age categories.

CCasado7
69% match
Loading thumbnail…

Normalized Stacked Bar Chart

This example visualizes the results of a referendum by showing the percentage of “No” and “Yes” votes across multiple municipalities, with each bar normalized to 100%. The chart uses a stacked bar layout where each segment’s height reflects its share of the total, making comparisons of proportions easy across categories. Built with D3 v4, the code employs `d3.stack` with `stackOffsetExpand` to compute normalized values, `d3.scaleBand` for the categorical x-axis, and `d3.scaleOrdinal` for segment colors. Data is loaded from a CSV file containing raw vote counts, which are converted to percentages for display.

AAndresAnayaIsaza
69% match