Built with blockbuilder.org
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
if (document.body.requestFullscreen || | |
document.body.mozRequestFullScreen || | |
document.body.webkitRequestFullscreen | |
) { | |
$("<button>View this chart in Full Screen</button>") | |
.on('click', function (e) { | |
var root = $interactive.get(0); | |
if (root.requestFullscreen) { root.requestFullscreen(); } | |
else if (root.mozRequestFullScreen) { root.mozRequestFullScreen(); } | |
else if (root.webkitRequestFullscreen) { root.webkitRequestFullscreen(); } |
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
modes: { | |
mobile : function() { | |
// if the chart is less than 480 pixels wide or the | |
// screen is less than 480px wide | |
return this.width() <= 480 || | |
Modernizr.mq("only all and (max-width: 480px)"); | |
}, | |
} |
Greetings. You have been chosen for the critical mission "Allie 3000". Congratulations! Allie Monkeyface Duchess of Central Square, a female canine, is now in your care. The fate of her universe is now in your hands. It is our hope that this guide will provide you sufficient instructions to complete the mission.
If you need to reach me at any point, my number is: 413-265-3704.
This example uses d3, miso.dataset & rickshaw to build a stacked graph.
This example uses d3, miso.dataset & rickshaw to build a stacked graph.
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 data = [1,4,6,9,12,13,30]; | |
var circleChart = d3.select("div#vis") | |
.append("svg") | |
.chart("CircleChart") | |
.width(200) | |
.height(100) | |
.radius(3); | |
// render it with some data | |
circleChart.draw(data); |
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 data = [1,3,5,10,11,12,50]; | |
var width = 500, | |
height = 100, | |
r = 5; | |
var xScale = d3.scale.linear() | |
.range([5, width-r]) | |
.domain([1,50]); |
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
// transform around center: | |
// formula: matrix(sx, 0, 0, sy, cx-sx*cx, cy-sy*cy) | |
var b = el.getBBox(); | |
var center = [b.x + b.width/2, b.y + b.height/2]; | |
var factor = 1.8; | |
el.attr('transform','matrix(' + factor + ', 0, 0, ' + factor + ', ' + | |
(center[0] - factor * center[0]) + | |
',' + (center[1] - factor * center[1])+')'); |
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
{ | |
"url": "http://mynewsapp.com/article/19928034", | |
"id": "19928034", | |
"body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vitae lorem quam, a luctus quam. Proin scelerisque cursus dolor, ut iaculis urna tempus vitae.", | |
"original_body": "<b>Lorem ipsum</b> dolor sit amet, consectetur adipiscing elit. Pellentesque vitae lorem quam, a luctus quam. Proin scelerisque cursus dolor, ut iaculis urna tempus vitae. ", | |
"title": "Lorem ipsum", | |
"byline": "By Cicero", | |
"pub_date": "1011-01-04T16:00:25Z", | |
"decompositions": { | |
"sentences": [ |