Waterman Projection with an Automatically Colored World Map
Replaces the circles in the force-directed graph with some SVG icons.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<title>Polar Hover Effect</title> | |
<script src="http://d3js.org/d3.v3.min.js"></script> | |
<style type="text/css"> | |
path { | |
fill: none; | |
stroke: black; | |
stroke-width: 2px; | |
} | |
.axis text { |
Edges are severed over time
An example of how cell splitting could be achieved using examples from the Sparse Matrix Collection
Based on Force Layout & Matrix Market Format
Added hover highlighting to Voronoi Mitchell’s best-candidate by searching for the closest point with d3.geom.quadtree.
An improvement would be rendering highlighted cells in a separate canvas, so that they could be cleared without redrawing the entire Voronoi. This version leaves artifacts behind which get eaten away by new voronoi cells.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE HTML> | |
<head> | |
<script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script> | |
</head> | |
<body> | |
<canvas width=1000 height=600></canvas> | |
<script type="text/javascript"> | |
var canvas = d3.select("canvas").node(); | |
var xgrid = 10, | |
ygrid = 10, |
Uses a second canvas with different fill colors for each country to detect which country is highlighted.
The force-directed graph rendered in canvas instead of SVG.