Skip to main content
100%

dc.js - Spain 2016

✓ Published0🌍 Public
Aackuser
Last edited Nov 22, 2016
Created on Nov 22, 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().

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/anonymous/'>anonymous</a>'s block: <a href='http://bl.ocks.org/anonymous/86c858b1bd6348ea4b831f125f080b98'>fresh block</a>

mit Licensed

Similar vizzes

Loading thumbnail…

dc.js - Spain 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.

Aackuser
83% match
Loading thumbnail…

Ejemplo de uso de crossfilter y dc - Visualización de información 2016

This example shows four coordinated charts of spending data: a pie chart of spending by year, a bar chart of spending amounts, a row chart of spending per person, and a box plot of spending distributions. Using Crossfilter for multidimensional grouping and dc.js for chart rendering, the visualization links dimensions for year, amount, and name. The code specifically uses `dc.pieChart`, `dc.barChart`, `dc.rowChart`, `dc.boxPlot`, and Crossfilter’s `dimension` and `group` methods with `reduceCount` and `reduceSum`.

Aaaizemberg
72% 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
72% match
Loading thumbnail…

Choropleth of spanish cities by population

This choropleth maps Spanish provinces by their share of the national population, using a blue sequential color scale with a horizontal legend. The visualization is built with D3 v3 and TopoJSON, loading province boundaries and population data from a TSV file. Province polygons are colored via a quantized scale based on population percentage, and hovering over a region displays a tooltip with the province name. Major cities are marked with red dots and labeled with their names. The map uses a Mercator projection and includes subtle dashed boundaries between provinces.

Aackuser
71% match
Loading thumbnail…

Gist a5c5c4084afdd5eb9eb543491c2a3880

This interactive map of Spain highlights its autonomous communities, rendered as SVG paths using a Mercator projection. Clicking a region smoothly zooms and centers it, turning it blue to indicate selection, while clicking the background resets the view. The map also supports free pan and zoom via D3’s zoom behavior, with stroke widths adjusting dynamically, and uses TopoJSON data for the region boundaries.

Aackuser
71% 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
70% match
Loading thumbnail…

dc.js Experiment

This dc.js experiment uses a crossfilter to coordinate multiple linked charts—bar charts, a line chart, a row chart, and a pie chart—to explore a dataset of 2013 earthquakes from New Zealand's GeoNet service. The visualization includes a data table and a filter count, with all charts updating dynamically to reflect selections. The dimensions (magnitude, depth, time of day, day of week, and island location) are defined via `crossfilter` and used by `dc.barChart`, `dc.lineChart`, `dc.rowChart`, and `dc.pieChart`. Data loading and parsing rely on `d3.csv` and `d3.time.format`, while charts render as SVG elements.

Dd3noob
70% 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
69% match