Parallel coordinates using time for coordinates.
Interactions done with the brush component
Based on d3.js Parallel Coordinates
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> | |
<title>Route Probability Exploration with Parallel Coordinates</title> | |
<style type="text/css"> | |
svg { | |
font: 10px sans-serif; | |
} |
Parallel coordinates using time for coordinates.
Interactions done with the brush component
Based on d3.js Parallel Coordinates
Aitoff projection with a brush that logs the bounding corners in latlong for the brush area.
The range sliders at the top change the values for the force-directed algorithm and the buttons load new graphs and apply various techniques. This will hopefully serve as a tool for teaching network analysis and visualization principles during my Gephi courses and general Networks in the Humanities presentations.
Notice this includes a pretty straightforward way to load CSV node and edge lists as exported from Gephi.
It also includes a pathfinding algorithm built for the standard data structure of force-directed networks in D3. This requires the addition of .id attributes for the nodes, however.
Now with Clustering Coefficients!
Also, it loads images for nodes but the images are not in the gist. The code also refers to different network types but the data files on Gist only refer to the transportation network.
Using d3.geo.tile to display raster image tiles underneath some TopoJSON vectors, and d3.behavior.zoom for pan & zoom. This version adjusts the transform and stroke-width to update the displayed vector data efficiently. You can instead reproject interactively, but changing the transform is typically much faster.
license: gpl-3.0 |