JeremyBesson (@JeremyBesson), VizHub

TP6 (V6)

A force-directed network diagram maps the voting cohesion of French parliament members, with nodes colored by political group and link thickness indicating voting agreement scores. The visualization uses d3.forceSimulation with link, charge, and center forces, rendering SVG circles and lines. Node drag interaction is enabled via d3.drag, and a legend built from CSV data identifies each group's color. The JSON dataset provides individual member names, group IDs, and pairwise voting scores.

Dec 16, 2016

Loading thumbnail…

TP6 (V5)

A network visualization displays French parliamentarians as colored nodes, linked by shared voting patterns, with node color representing political group and link thickness indicating vote similarity. The interactive force-directed layout uses d3.forceSimulation with link, charge, and center forces, allowing nodes to be dragged. Built with D3 v4 and rendered as SVG, it loads JSON data for the graph and a CSV for the legend.

Dec 16, 2016

Loading thumbnail…

TP6 (V4)

This network diagram displays the voting relationships among French parliament members, with each node representing a deputy and each link indicating a shared voting record. Node color encodes the deputy’s political group (per the `nomGroupes.csv` legend), while link thickness reflects the strength of the relationship, as drawn from the `scoreParlementaire.json` dataset. The visualization uses d3.v4 with `d3.forceSimulation`, `d3.forceLink`, `d3.forceManyBody`, and `d3.forceCenter` to compute the force-directed layout, and renders nodes as SVG circles that users can drag to reposition.

Dec 15, 2016

Loading thumbnail…

TP6 (V3)

This network visualization shows connections between French parliament members, with each node colored by political group and a legend identifying those groups. The code uses d3.forceSimulation with link and charge forces to position nodes, while drag interactions let users rearrange the graph. Node and link data come from JSON files, with group names loaded from a CSV. Rendering is done via SVG elements, with node labels available as tooltips and link thickness scaled by connection strength.

Dec 15, 2016

Loading thumbnail…

TP6 (V2)

This example visualizes a network of French parliament members, showing connections between them with node color indicating political group affiliation and link thickness representing tie strength. It uses a force-directed graph layout via `d3.forceSimulation` with link, charge, and center forces, rendering nodes and links as SVG elements. Node colors map to party groups using a custom `d3.scaleOrdinal`, and a legend generated from CSV data labels each color. The graph loads data from JSON and CSV files, and supports dragging nodes to reposition the simulation.

Dec 15, 2016

Loading thumbnail…

TP6 (V2)

This example visualizes a network of French parliament members, showing connections between them with node color indicating political group affiliation and link thickness representing tie strength. It uses a force-directed graph layout via `d3.forceSimulation` with link, charge, and center forces, rendering nodes and links as SVG elements. Node colors map to party groups using a custom `d3.scaleOrdinal`, and a legend generated from CSV data labels each color. The graph loads data from JSON and CSV files, and supports dragging nodes to reposition the simulation.

Dec 15, 2016

Loading thumbnail…

TP 6 (V2)

This interactive network graph visualizes character co-occurrence in *Les Misérables*, with nodes colored by group and sized by degree. The force-directed layout uses `d3.forceSimulation` with link, charge, and center forces, rendering circles and lines as SVG elements. Data comes from a JSON file (`miserables.json`) containing 77 nodes and 254 weighted links. Nodes are draggable via `d3.drag`, with the simulation restarting to adjust positions, while link opacity and stroke width reflect relationship strength.

Dec 11, 2016

Loading thumbnail…

tp5

This interactive choropleth map displays weekly influenza rates across French regions from 2003 to 2014. A slider animates through the weeks, updating region colors based on a quantile scale. The visualization uses `d3.geo.conicConformal` for projection, `d3.geo.path` for rendering, and loads regional data from a GeoJSON file while merging CSV values from GrippeFrance2003-15.csv. Hovering over a region reveals a tooltip with its name and the weekly value.

Dec 6, 2016

Loading thumbnail…

test

A choropleth map of French regions displays influenza rates from 2003 to 2015. A slider controls the week, updating the map's color scale and a tooltip showing the region's name and infection value when hovered. The visualization uses D3 v3, loading GeoJSON region boundaries and CSV data asynchronously with the `d3-queue` API.

Dec 6, 2016

Loading thumbnail…

tp3

This chart displays a line graph with interactive circle markers, plotting seven categorical data points from a local JSON dataset. The visualization uses D3.js v3 with an ordinal x-axis and linear y-axis, rendering as SVG. On mouseover, a circle turns red, displays a tooltip with the numeric value, and draws a dashed vertical line extending downward. The line itself is drawn using a D3 path with the line generator.

Dec 1, 2016

Loading thumbnail…

tp4

This visualization presents a choropleth map of France, coloring each region according to the total reported cases of influenza (grippe) during November 2014. The data is loaded from a CSV file and joined with geographic boundaries from a GeoJSON file. It uses D3.js v3 with a conic conformal projection and a quantized color scale, and includes a tooltip that displays the regional name and value on mouse movement.

Dec 1, 2016