Skip to main content
SimilarExport ZIP
100%

Quienes votaron y quienes se abstuvieron

✓ Published0🌍 Public
AAdlopez2016
Last edited Nov 1, 2016
Created on Nov 1, 2016

This example visualizes voter participation in Santander, distinguishing between those who voted and those who abstained. It presents an interactive dendrogram and tree diagram, where internal nodes appear in red and leaves in blue, with a radio button to switch between the two layout modes. The visualization is built with D3 v4, using the `d3.stratify()` API to convert a CSV dataset into a hierarchy and `d3.cluster()`/`d3.tree()` to compute layouts. A smooth transition, driven by `d3.transition()`, animates the node positions when toggling between modes, with the data sourced from a local `data.csv` file.

AI-generated description

forked from <a href='http://bl.ocks.org/dougdowson/'>dougdowson</a>'s block: <a href='http://bl.ocks.org/dougdowson/9732115'>Reusable Bar Chart</a>

forked from <a href='http://bl.ocks.org/Adlopez2016/'>Adlopez2016</a>'s block: <a href='http://bl.ocks.org/Adlopez2016/733502e6201009db34f6035e60d91fe3'>Reusable Bar Chart</a>

forked from <a href='http://bl.ocks.org/Adlopez2016/'>Adlopez2016</a>'s block: <a href='http://bl.ocks.org/Adlopez2016/162af577b1b022e494cc30e8664ad561'>Quienes votaron y quienes se abstuvieron</a>

forked from <a href='http://bl.ocks.org/Adlopez2016/'>Adlopez2016</a>'s block: <a href='http://bl.ocks.org/Adlopez2016/97280ac81705f87d9360fb244dfc4694'>Quienes votaron y quienes se abstuvieron</a>

mit Licensed

Similar vizzes

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

Quienes votaron y quienes se abstuvieron

This bar chart shows the percentage of voters who abstained (Se Abstuvo), voted No, voted Yes, or cast invalid votes (No Válidos) in a referendum, broken down by Colombian department. The data reveals that abstention dominates in every region, ranging from over 53% in Bogotá to nearly 80% in San Andrés Islas, with the "No" and "Sí" options accounting for smaller shares of the vote. The visualization uses a reusable D3 v3 bar chart module rendered as SVG, with animated bar height transitions that update based on the selected category, a rotated x-axis for readability, and an interactive chart instance that toggles between categories (Se Abstuvo, Voto NO, Voto SI, No Válidos) for each department.

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

Collapsible Tree

This interactive collapsible tree visualizes a hierarchical dataset of Santander-related names and municipalities using D3 v3. It is an implementation of the Reingold–Tilford algorithm, rendering nodes and links as SVG elements with smooth animated transitions. Users can click on any node to expand or collapse its children, dynamically updating the tree layout with a tidy, left-to-right orientation. Node labels are displayed alongside circular markers, with collapsed nodes indicated by filled circles and expanded or leaf nodes by hollow circles. The hierarchy derives from a custom flare.json file, which mixes abstract data categories (e.g., analytics, animate, data, display, flex, physics) with geographic entries (Rural and Urbano) for Santander municipalities. The tree supports interactive exploration, letting users reveal or hide branches to explore the dataset's structure. The visualization is implemented with D3 v3 and rendered using SVG with smooth animations for node transitions.

AAdlopez2016
65% 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
65% match
Loading thumbnail…

Santander educacion Colapsible2

This interactive collapsible tree visualizes educational data for Santander, Colombia, using a Reingold–Tilford layout. The dataset groups municipalities by sector—Rural and Urban—and further by school type (Oficial or Particular), with circle size proportional to student counts. Built with D3 v3, it renders as an animated SVG where clicking a node expands or collapses its subtree. The layout uses the classic tidy tree algorithm, with node labels and colored circles for visual encoding. The visualization is licensed under GPL-3.0.

AAdlopez2016
65% match