| <style> | |
| @import url("rotated-header.css") | |
| </style> | |
| <div class="scrollable-table"> | |
| <table class="table table-striped table-header-rotated"> | |
| <thead> | |
| <tr> | |
| <!-- First column header is not rotated --> | |
| <th></th> | |
| <!-- Following headers are rotated --> |
I have modified the force-multi-foci example to add a convex hull around each cluster of nodes.
I achieved this by using d3.nest() to create a new dataset of clusters containing the nodes in each cluster. Then in the tick() method I create and update the path element for each cluster in this dataset.
| ;( function(){ | |
| // an extension for d3 that iterates over Javascript objects | |
| // to build a DOM derived from data. | |
| d3.ml = { | |
| // YAML templates that execute d3ml | |
| templates: {}, | |
| requests: {}, | |
| scripts: {}, | |
| build: | |
| function(s, template, state){ |
| .git | |
| .vagrant |
| <!DOCTYPE HTML> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>Bootstrap Masonry Template</title> | |
| <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans+Caption:400,700"> |