TP 6 DataViz v2

100%

TP 6 DataViz v2

✓ Published0🌍 Public

Last edited Dec 22, 2016

Created on Dec 21, 2016

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.

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>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/8d6d0dff354764ae32434b93e2488eab'>TP 6 DataViz v2</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/05dd539717e925447b47ef60030d4cf3'>TP 6 DataViz v2</a>

forked from <a href='http://bl.ocks.org/Naram22/'>Naram22</a>'s block: <a href='http://bl.ocks.org/Naram22/ead20d0f5d24067527694aff01843b26'>TP 6 DataViz v2</a>

mit Licensed

Similar vizzes

Loading thumbnail…

TP 6 DataViz v2

This visualization displays a force-directed network of French National Assembly members, with nodes representing individual representatives colored by their political group. Edges connect members who frequently voted together on legislative proposals during 2015, with thicker links indicating a higher number of shared votes. The data is parsed from a JSON file containing detailed voting records, and the chart is built using D3 v4’s `d3.forceSimulation` with link, charge, and center forces. Node dragging is enabled via `d3.drag`.

NNaram22

93% 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

93% 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 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

92% 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

92% 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

92% match

Loading thumbnail…

TP 6 FV

A force-directed network graph visualizes voting cohesion among French National Assembly members during 2015. The nodes represent individual legislators, while links connect pairs who voted the same way, with link thickness reflecting the frequency of shared votes. The layout uses D3 v4's `forceSimulation` with `forceLink` and `forceManyBody` to position nodes and reveal clusters of political alignment based on the JSON vote data. Node colors derive from `d3.scaleOrdinal`, and the SVG rendering displays the resulting structure.

RRomyRatolojanahary

92% 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