Skip to main content
SimilarExport ZIP
100%

Ejercicio6

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

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.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

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
100% match
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
95% match
Loading thumbnail…

Visualización de Datos

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.

JJuanma-GP
83% 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
71% 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
70% match
Loading thumbnail…

Fork of Let´s make a bar chart!

This example displays a horizontal bar chart ranking countries by population, using data from a local CSV file. The visualization encodes population values with bar widths and country names along the y-axis. Built with D3 v5, it uses `d3.csv`, `d3.scaleLinear`, `d3.scaleBand`, `d3.axisLeft`, and `d3.axisBottom` to generate SVG elements. The bars are styled with steelblue fills, and axes are rendered with default tick formatting.

MMatiasmedrano66
69% match
Loading thumbnail…

Making bar charts

This example shows the results of Singapore’s 2020 parliamentary election as a bar chart, with each party’s popular vote displayed as a horizontal bar. The chart is built using D3.js v5, reading tabular data from a CSV file via `d3.csv` and mapping the values to bar lengths. The bars are rendered as SVG rectangles, with text labels for each party name and vote count. The data originates from the file `data.csv`, containing party names and their corresponding popular vote totals.

SSeanisgod1994
69% match
Loading thumbnail…

Exercise Module 3

A horizontal bar chart displays the 2014 unemployment rate for each Spanish region, sorted from highest to lowest with grey bars sized proportionally to the rate. The visualization highlights that southern regions have higher unemployment while northern ones are lower, with hover tooltips revealing exact percentages. The code uses d3.csv to load region data and d3.selectAll with data joins to append SVG rect elements, scaling bar widths by multiplying the rate by eight.

GGloriaYL
69% match