Skip to main content
SimilarExport ZIP
100%

Plebiscito

✓ Published0🌍 Public
LLauraCortes
Last edited Nov 10, 2016
Created on Oct 18, 2016

The visualization is a choropleth map of Colombia showing the percentage of "No" votes in the 2016 peace agreement plebiscite for each municipality. A drop-down menu allows filtering by conflict-related variables, and a scatterplot overlays the number of terrorist acts per municipality. The map is rendered using D3.js v4’s `d3.geoPath` with a Robinson projection, and the scatterplot uses D3 scales. Data comes from a CSV and a GeoJSON file, with color mapping via `d3.scaleSequential` and `d3.interpolateRdBu`.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/LauraCortes/'>LauraCortes</a>'s block: <a href='http://bl.ocks.org/LauraCortes/7036bb470e846517a1fa15438096dc90'>Plebiscito</a>

mit Licensed

Similar vizzes

Loading thumbnail…

Plebiscito

This example maps the results of the 2016 Colombian peace agreement plebiscite using Leaflet. It shows a choropleth-style dot map where each municipality is represented by a circle: the circle’s size encodes the total number of votes, its color indicates whether the winning vote was “SI” or “NO,” and its opacity reflects the margin of victory. The visualization loads geographic and vote data from a local `plebiscito.json` file and uses Leaflet’s `L.circle` to render the proportional symbols over an OpenStreetMap tile layer. Popups detail the winner, vote percentages, and raw counts for each location.

AAndresClavijo
84% match
Loading thumbnail…

Votaciones por el plebiscito 2016

This visualization presents the results of the 2016 Colombian peace plebiscite, showing the distribution of votes for "Sí", "No", invalid votes, and abstentions across departments. Built with D3.js and crossfilter, it features grouped bar charts where each department displays four bars representing vote categories, with an option to sort results via checkbox. The chart is rendered in SVG, with department codes on the x-axis and vote counts on a linear scale, using a simple steelblue bar style for clarity. The dataset, from the National Civil Registry, reveals that Bogotá, Antioquia, and Valle del Cauca had the highest participation, underscoring their decisive role in the 2016 Colombian peace plebiscite. The visualization makes it easy to compare voting behaviors across regions, though the disparity between large abstentions and valid votes is striking. The example uses D3 v3 with crossfilter to demonstrate how to build a grouped bar chart with an interactive sort toggle.

AAdlopez2016
80% match
Loading thumbnail…

Quienes votaron por el SI por el NO y quienes se abstuvieron

This interactive bar chart displays the results of the 2016 Colombian peace agreement plebiscite, showing the percentage of votes for "Yes," "No," and abstentions by department. A dropdown menu lets viewers switch between the three voting variables, and the bars are sorted by percentage. The visualization uses the reusable d3.svg.barchart API from d3.v3, rendering with SVG and providing animated transitions when the data changes. The underlying data is loaded from a CSV file and structured using d3.nest, with the chart drawing its y-axis gridlines and labels through d3.svg.axis.

AAdlopez2016
75% match
Loading thumbnail…

Como votaron los municipios con zonas de concentracion

This interactive bar chart visualizes 2016 Colombian plebiscite results, comparing voting percentages across municipalities with and without concentration zones. Users can switch between categories (Vote Yes, Vote No, Abstention, Invalid Votes) via a dropdown menu. The visualization uses a reusable D3 v3 bar chart module with SVG rendering and animated transitions, sorting data ascending by each variable. Vote data is loaded from a CSV file and displayed using d3.nest, d3.scale.ordinal, and d3.svg.axis.

AAdlopez2016
72% match
Loading thumbnail…

Quienes votaron y quienes se abstuvieron

This interactive bar chart, built with D3.js, visualizes abstention and voting percentages across Colombian departments. It uses a reusable bar chart module with ordinal and linear scales, animated transitions for bar height changes, and rotated x-axis labels for readability. The data, from a CSV with columns for department, category, and value, is rendered as grouped bars with hover and transition effects.

AAdlopez2016
71% match
Loading thumbnail…

Quienes votaron y quienes se abstuvieron

This bar chart, built with D3.js v3, shows voter participation and abstention across Colombian departments. Each bar is segmented into four stacked categories—votes for “Sí” (Yes), votes for “No,” invalid votes, and abstentions—ordered ascending by total. The reusable barchart component animates bar heights on load, uses rotated x-axis labels for department names, and includes a grid via y-axis tick marks. Data covers departments like Amazonas, Antioquia, and Bogotá D.C., with percentages per category.

AAdlopez2016
71% match
Loading thumbnail…

trouble

This interactive map shows the distribution of Indigenous resguardos and conflict points across the Amazon region of Colombia, using Mapbox GL JS for rendering vector tiles. It displays two toggleable layers: semi-transparent blue polygons for resguardos and orange points for conflicts, with clustered conflict data appearing as colored circles with numeric labels when zoomed out. The visualization incorporates a menu system that lets users switch layer visibility, while the clustering feature aggregates nearby points at lower zoom levels. The map uses custom vector tile sources from Mapbox, including a dedicated source for conflicts with cluster properties and another for resguardo boundaries.

FFabioZabala
68% match
Loading thumbnail…

Como votaran los municipios de acuerdo al grado de afectacion

This visualization shows aggregated voting results for Colombian municipalities, grouped by level of impact (Alto, Intermedio, Bajo, Ninguno) and voting type (SI, NO, invalid votes, and abstention). It uses a reusable bar chart component built with D3 v3, rendered as an SVG with animated transitions. The chart displays percentage values for each voting category across the four impact levels, with bars that animate in height and rotate x-axis labels for readability. The data reveals patterns such as higher abstention rates in municipalities with high impact ("Alto") compared to those with no impact ("Ninguno"), and illustrates how voting preferences shift across impact categories. The visualization is implemented as a custom reusable chart function, `d3.svg.barchart`, which supports configurable margins, scales, and transitions.

AAdlopez2016
68% match