HTML5-based open source scientific models, visualizations, graphing, and probeware from the Concord Consortium.
Table of Contents
- toc {:toc}
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>birthday present</title> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?2.5.0"></script> | |
</head> | |
<body> | |
move your mouse over the text<br> | |
<span></span> | |
<span></span> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | |
<title>Node-Link Tree</title> | |
<link href="interactive_tree.css" rel="stylesheet" type="text/css" /> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?1.27.2"></script> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js?1.27.2"></script> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | |
<title>Partition - Icicle</title> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js"></script> | |
<style type="text/css"> | |
rect { |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | |
<title>Partition - Icicle</title> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.js"></script> | |
<script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js"></script> | |
<style type="text/css"> | |
rect { |
<!DOCTYPE html> | |
<meta charset="utf-8"> | |
<style> | |
body { | |
font: 10px sans-serif; | |
} | |
.axis path, .axis line { | |
fill: none; |
<html> | |
<head> | |
<script type="text/javascript" src="https://www.google.com/jsapi"></script> | |
<script type="text/javascript"> | |
google.load("visualization", "1", {packages:["treemap"]}); | |
google.setOnLoadCallback(drawChart); | |
function drawChart() { | |
// Create and populate the data table. | |
var data = google.visualization.arrayToDataTable([ | |
['Location', 'Parent', 'size', 'color'], |
{ | |
"name": "flare", | |
"children": [ | |
{ | |
"name": "analytics", | |
"children": [ | |
{ | |
"name": "cluster", | |
"children": [ | |
{"name": "AgglomerativeCluster", "size": 3938}, |
HTML5-based open source scientific models, visualizations, graphing, and probeware from the Concord Consortium.
Table of Contents
<html> | |
<head> | |
<title></title> | |
</head> | |
<body> | |
<script type="application/javascript"> | |
var url = "http://en.wikipedia.org/w/api.php?action=opensearch&search=value&format=json&callback=spellcheck"; | |
var elem = document.createElement ("script"); |
{ | |
"name": "Life", | |
"children": [ | |
{"name": "Eukaryote", | |
"children":[ | |
{"name":"Plantae","children":[{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1}]}, | |
{"name":"Anamalia","children":[{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{"name":"name","size":1},{ |