Skip to main content
100%

dc.js - Spain 2016

✓ Published0🌍 Public
Aackuser
Last edited Nov 22, 2016
Created on Nov 22, 2016

This visualization uses dc.js to explore monthly employment contract data across Spanish provinces and municipalities in 2016. The dashboard displays aggregated counts of contracts split by gender, contract type (indefinite, temporary, conversion), and economic sector (agriculture, industry, construction, services). A row chart breaks down contracts by autonomous community, while a line chart shows the monthly trend, and an interactive table lists municipalities. Linked crossfilter filtering lets users click any chart to filter the others, revealing how contract distributions vary across regions and over time.

AI-generated description

Built with blockbuilder.org

mit Licensed

Similar vizzes

Loading thumbnail…

dc.js - Spain 2016

This dashboard visualizes Spain’s 2016 population, area, and city distribution across autonomous communities and provinces, using data from Wikipedia. It combines a dc.js geoChoroplethChart to color regions by city count, two dc.js pieCharts for area totals, and bar charts for population by state. Crossfilter dimensions drive interactive filtering across all charts, with a DataTables table listing city details. Built with d3.js, dc.js, and crossfilter, the page allows resetting filters via dc.filterAll().

Aackuser
83% match
Loading thumbnail…

dc.js unemployment example

This interactive dashboard uses dc.js to explore European unemployment rates from 2011 to 2016, based on a CSV dataset. It combines four linked charts: a pie chart showing unemployment distribution by gender, and three bar charts visualizing unemployment sums by year, age group, and country. All charts are crossfiltered, so clicking or brushing on one chart filters the others. The visualization uses D3.js v5 with dc.js and crossfilter to enable dynamic exploration of the data, which contains unemployment values for multiple countries, both sexes, and age groups over time.

Aalex-rind
75% match
Loading thumbnail…

dc.js unemploymed example

This dc.js example visualizes European unemployment rates from 2011 to 2016, broken down by country, gender, and age group. It uses four coordinated charts: a pie chart showing the gender distribution, and three bar charts displaying unemployment by year, age, and country. The data is loaded from a CSV file using d3.csv, processed with crossfilter, and aggregated with reductio to sum unemployment values. All charts are linked, so clicking on a slice or bar in any chart filters the data across all visualizations, allowing interactive exploration of the unemployment dataset.

Aalex-rind
73% match
Loading thumbnail…

Bar Chart, Framed

This visualization shows unemployment rates in Spain from 2005 to 2015, breaking down data by autonomous community and province. Two views are available: a bar chart displaying the unemployment rate for 2015 and an area chart depicting the total number of long-term unemployed over time. The bar chart sorts regions by rate and uses interactive hover effects to highlight values. The visualization uses the D3.js library for rendering and animation, with data processed from raw INE microdata via R using the dplyr and tidyr packages.

CContrastat
67% match
Loading thumbnail…

Stacked area chart

This stacked area chart tracks monthly unemployment figures across Spanish provinces over a 31-day period, with each province’s time series stacked cumulatively to show both individual trends and the total. The SVG-based visualization, built from a CSV dataset by Contrastat, uses color-coded layers to distinguish provinces, making it easy to compare regional contributions to the overall pattern over time. The x-axis represents days, the y-axis shows the aggregated value, and the stacked areas reveal how the composition shifts across the month.

CContrastat
67% match
Loading thumbnail…

Line Chart with Multiple Lines

This visualization shows the evolution of unemployment rates across Spanish regions from 2007 to 2014, highlighting the national total in a darker stroke and individual regions as hoverable lines. It combines an SVG line chart with a static map image, using d3.csv to load regional data, d3.time.scale and d3.svg.line for the axes and paths, and CSS `:hover` interactions to emphasize selected lines. Data comes from Spain’s Economically Active Population Survey (INE).

GGloriaYL
66% match
Loading thumbnail…

Exercise Module 3

This visualization displays unemployment rates across Spanish regions in 2014, with a horizontally sorted bar chart ordering regions from highest to lowest rate. The chart uses D3 v3’s `d3.scale.linear` for the x-axis and `d3.scale.ordinal` with `rangeRoundBands` for the y-axis, rendering SVG rectangles. Hovering reveals tooltips via `append("title")`, while the total Spain value appears darker. Data comes from the Spanish Statistical Office (INE), and the axes use `d3.svg.axis`.

GGloriaYL
66% match
Loading thumbnail…

Line Chart with Multiple Lines

This visualization displays the evolution of unemployment rates across Spanish regions from 2007 to 2014, with the national average highlighted in a darker gray. Each region appears as a separate line, and hovering over any path highlights it in red. The chart uses D3.js v3 with SVG rendering, utilizing `d3.svg.line`, `d3.time.scale`, and `d3.svg.axis` to map yearly data loaded from a CSV file. Data originates from Spain’s Economically Active Population Survey (INE).

GGloriaYL
66% match