TP 6 DataViz

100%

✓ Published0🌍 Public

Last edited Dec 21, 2016

Created on Dec 21, 2016

This visualization maps voting patterns among French parliamentary members in 2015, showing clusters of legislators who frequently vote together. Nodes represent individual actors, while links connect pairs who shared at least 20 joint votes, with link thickness scaled by vote count. The code processes JSON files from `scrutins.json` and `acteurs_simple2.json` using a D3 force-directed layout, specifically `d3.forceSimulation` with link, charge, and center forces. The SVG rendering uses color-coded circles and lines, built with D3 v4 and queue.js for loading data.

AI-generated description

Built with blockbuilder.org

forked from <a href='http://bl.ocks.org/nbonneel/'>nbonneel</a>'s block: <a href='http://bl.ocks.org/nbonneel/91f6d433810029851e170ba668436340'>TP 6 DataViz</a>

mit Licensed

Similar vizzes

Loading thumbnail…

TP 6

This network visualization reveals voting patterns among French National Assembly members during 2015, using a force-directed layout. Nodes represent individual legislators, while links connect those who voted identically more than 50 times, with stroke opacity reflecting vote-share intensity. The code processes two JSON datasets—scrutins and acteurs—to construct the graph, then uses d3.forceSimulation with link, charge, and center forces. Node colors map to political groups via d3.scaleOrdinal. The visualization renders in SVG, with a tooltip on hover for additional detail.

RRomyRatolojanahary

94% match

Loading thumbnail…

TP 6

This example visualizes voting patterns among French parliamentary actors during 2015, showing a network of lawmakers connected by shared votes. It uses a force-directed graph built with `d3.forceSimulation` and SVG rendering, where nodes represent individual actors and links indicate pairs who voted identically on a given scrutin. The code processes `scrutins.json` data, counting co-votes for both "pour" and "contre" positions, then filters links to include only those with more than 20 shared votes. Node colors are assigned via `d3.scaleOrdinal` with `d3.schemeCategory20`.

BBrunoDumas

94% match

Loading thumbnail…

TP 6 DataViz 2

A force-directed network graph maps voting patterns among French National Assembly members, filtering links to those with at least 15 shared votes. Nodes are colored by political group and labeled with member names and affiliations. The visualization uses D3 v4’s `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody` with SVG rendering. Data comes from the `scrutins.json` parliamentary roll-call votes and `acteurs_simple2.json` member metadata, loaded via the `queue` library.

LLaippe

93% match

Loading thumbnail…

TP 6

This force-directed graph visualizes voting patterns among French National Assembly members during 2015. The code processes `scrutins.json` to identify pairs of politicians who voted identically, counts their shared votes, and displays links for pairs with more than 50 common votes. Built with d3.v4, it uses `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to position nodes, with link thickness scaled by vote count. SVG circles represent individual actors, and the layout reveals clusters of political allies.

RRomyRatolojanahary

93% match

Loading thumbnail…

TP 6 DataViz v2

This example visualizes voting patterns in the French National Assembly during 2015, showing links between deputies who voted together on the same side of a motion. The code processes JSON data from `scrutins_test.json`, extracting "pour" and "contre" votes for each scrutin and counting co-occurrences to build a weighted link network. It uses D3 v4’s `d3.forceSimulation` with link, charge, and center forces, though the rendering code for nodes and links is commented out. The SVG output is prepared but no actual visualization is displayed in the provided version.

NNaram22

91% match

Loading thumbnail…

TP 6 DataViz v2

A force-directed graph shows voting coalitions among French National Assembly members, based on 213 roll-call votes from 2015. Nodes represent legislators, colored by their political group, while links connect those who voted together at least 20 times, with stroke width reflecting co-voting frequency. The visualization uses D3 v4's `d3.forceSimulation`, `d3.forceLink`, and `d3.forceManyBody`, processing JSON data from `scrutins_test.json` with SVG rendering and drag interaction.

NNaram22

91% match

Loading thumbnail…

TP 6 DataViz 1

A force-directed network graph displays relationships between French National Assembly members based on shared voting patterns. Nodes represent individual politicians, while links connect pairs who voted together frequently in legislative roll calls. The graph is generated from two JSON datasets: vote records (`scrutins.json`) and member information (`acteurs_simple2.json`). Using D3.js v4, the visualization applies `d3.forceSimulation` with link, many-body, and centering forces to position nodes, and renders as SVG circles and lines. The code includes a drag-and-drop interaction that temporarily increases simulation alpha for manual exploration.

LLaippe

90% match

Loading thumbnail…

TP 6 DataViz v2

This example visualizes voting records from the French National Assembly, focusing on votes from 2015. It parses JSON data from `scrutins_test.json` to extract lists of legislators who voted for or against each motion. The visualization is built using D3 v4, setting up an SVG canvas and defining a force simulation with `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter`. Although the code currently contains commented-out sections for rendering nodes and links, it prepares the data structures that would be used to draw a network graph.

NNaram22

90% match