[ Launch: Tributary inlet ] 07c58386fdd6260dd2d9 by mayblue9
| d3.layout.orbit = function() { | |
| var currentTickStep = 0; | |
| var orbitNodes; | |
| var orbitSize = [1,1]; | |
| var nestedNodes; | |
| var flattenedNodes = []; | |
| var tickRadianStep = 0.004363323129985824; | |
| var orbitDispatch = d3.dispatch('tick'); | |
| var tickInterval; | |
| var orbitalRings = []; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>D3.js Bar Chart</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <style> | |
| body { | |
| font-family: dotum; | |
| font-size: 11px; |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>D3.js Bar Chart</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <style> | |
| body { | |
| font-family: dotum; | |
| font-size: 11px; |
This is a D3.js Heatmap example showing how the highest sun position of the day (which directly correlates with average temperature) changes over the year depending on the latitude of the place. The actual temperature chart would be shifted to the right a bit beacuse of thermal lag.
The data for the chart is calculated using SunCalc.
Based on D3.JS and Dimple, ChartFactory provide the ability to build quickly D3.JS charts without coding any lines of javascript. Just define your dashboard in a JSON and voila !
charts: [
{id:'chart1',
width:800,height:250,
xAxis:{type:'Category',field: "Month",orderRule:'Date'},
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> | |
| <script src="http://d3js.org/d3.v3.min.js"></script> | |
| <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> | |
| <script src="https://raw.github.com/timrwood/moment/1.6.0/min/moment.min.js"></script> | |
| <style type="text/css"> | |
| #chart-mini { |
| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| .pico{ | |
| fill:blue; | |
| height:100px; | |
| } |
An interactive D3.js heatmap that displays normalized values (metrics) read from a json produced by the python pandas module with a DataFrame.tojson(orient="split") call.
You can sort by increasing or decreasing orders on rows or columns. You can also retrieve initial orders. Please click on rows or columns labels to discover this ordering feature.
| (ns overtone-xmas.bells | |
| (:use [overtone.live])) | |
| ;;tested in Overtone 0.6-dev | |
| ;;add [overtone.sc.machinery.defcgen] to ns :use clause for 0.5.0 | |
| ;;http://computermusicresource.com/Simple.bell.tutorial.html | |
| (def dull-partials | |
| [ | |
| 0.56 |