[ Launch: horizontal stacked bar, copy ] 6174161 by terrysmith2000[ Launch: horizontal stacked bar, copy ] 6173553 by terrysmith2000[ Launch: horizontal stacked bar, copy ] 6143290 by dfeusse
terrysmith2000
[ Launch: ascii img chinese EJ2 ] 6173560 by terrysmith2000[ Launch: ascii img chinese EJ2 ] 5653820 by enjalot[ Launch: ascii img chinese zeffii ] 5653815 by enjalot[ Launch: ascii img chinese EJ ] 5650770 by enjalot[ Launch: ascii img chinese scale ] 5650748 by enjalot[ Launch: ascii img chinese ] 5650680 by enjalot[ Launch: ascii img distort ] 5650665 by enjalot[ Launch: ascii img ] 5650648 by enjalot[ Launch: ascii img ] 5650606 by enjalot[ Launch: ascii img ] 5650597 by enjalot[
[ Launch: horizontal stacked bar, copy ] 6173553 by terrysmith2000[ Launch: horizontal stacked bar, copy ] 6143290 by dfeusse
[ Launch: Negative Stacked Bar Charts ] 6168838 by terrysmith2000[ Launch: Negative Stacked Bar Charts ] 6117033 by enoex[ Launch: Negative Stacked Bar Charts ] 6116099 by enoex
[ Launch: Tributary inlet ] 6168485 by terrysmith2000[ Launch: Tributary inlet ] 5612571 by enjalot
terrysmith2000
/ index.html
Created
August 18, 2012 23:39
— forked from mbostock/.block
Interactive Force-Directed Layout (D3)
This file contains 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> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | |
| <title>Force-Directed Graph</title> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.js?1.25.0"></script> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.geom.js?1.25.0"></script> | |
| <script type="text/javascript" src="http://mbostock.github.com/d3/d3.layout.js?1.25.0"></script> | |
| <style type="text/css"> |
terrysmith2000
/ a_chart.js
Created
August 13, 2012 14:22
— forked from jhaubrich/a_chart.js
multiline chart using nvd3's preferred json structure
This file contains 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
| var chart = d3.select("#chart").append("svg") | |
| .attr("width", w) | |
| .attr("height", h) | |
| .append("g") | |
| .attr("id", "plotarea") | |
| .attr("transform", "translate(" + margin.left + "," + margin.top + ")") | |
| // DRAW DATALINES | |
| path = chart.selectAll("path.dataline") | |
| .data(data) |
terrysmith2000
/ barDiv.js
Created
July 26, 2012 18:01
— forked from gmp26/barDiv.js
Stacked or grouped bars with zoom
This file contains 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
| (function() { | |
| var n = 9, // number of layers | |
| m = 1, // number of samples per layer | |
| sourceData = stream_layers(n, m, 0.1); | |
| /* | |
| sourceData = [ | |
| [{x:0,y:9800}], | |
| [{x:0,y:128}], | |
| [{x:0,y:60}], |
This file contains 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> | |
| <meta charset="utf-8"> | |
| <title>The Wealth & Health of Nations</title> | |
| <style> | |
| @import url(bost.ocks.org/mike/style.css?20120427); | |
| #chart { | |
| margin-left: -40px; | |
| height: 506px; |
This file contains 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
| // Various accessors that specify the four dimensions of data to visualize. | |
| function x(d) { return d.income; } | |
| function y(d) { return d.lifeExpectancy; } | |
| function radius(d) { return d.population; } | |
| function color(d) { return d.region; } | |
| function key(d) { return d.name; } | |
| // Chart dimensions. | |
| var margin = {top: 19.5, right: 19.5, bottom: 19.5, left: 39.5}, | |
| width = 960 - margin.right, |
NewerOlder