Name | Date | Size | |
---|---|---|---|
.. | 11-Jul-2014 | 4 KiB | |
aggregate_results.html | 11-Jul-2014 | 2.5 KiB | |
aggregate_results.js | 11-Jul-2014 | 10.1 KiB | |
aggregate_results_unittest.js | 11-Jul-2014 | 7.8 KiB | |
base.js | 11-Jul-2014 | 2.1 KiB | |
base_unittests.js | 11-Jul-2014 | 1.7 KiB | |
builders.js | 11-Jul-2014 | 7.2 KiB | |
builders.jsonp | 11-Jul-2014 | 124.9 KiB | |
builders_jsonp_for_file_urls.js | 11-Jul-2014 | 1.8 KiB | |
builders_unittest.jsonp | 11-Jul-2014 | 3.7 KiB | |
builders_unittests.js | 11-Jul-2014 | 4.5 KiB | |
dashboard_base.js | 11-Jul-2014 | 2.4 KiB | |
dygraph-combined.js | 11-Jul-2014 | 55.4 KiB | |
flakiness_dashboard.css | 11-Jul-2014 | 2 KiB | |
flakiness_dashboard.html | 11-Jul-2014 | 2.1 KiB | |
flakiness_dashboard.js | 11-Jul-2014 | 48 KiB | |
flakiness_dashboard_embedded.html | 11-Jul-2014 | 3 KiB | |
flakiness_dashboard_embedded_unittests.js | 11-Jul-2014 | 1.9 KiB | |
flakiness_dashboard_tests.css | 11-Jul-2014 | 5.5 KiB | |
flakiness_dashboard_unittests.js | 11-Jul-2014 | 18.2 KiB | |
history.js | 11-Jul-2014 | 12.2 KiB | |
history_unittests.js | 11-Jul-2014 | 3 KiB | |
LICENSE.dygraph.txt | 11-Jul-2014 | 1 KiB | |
loader.js | 11-Jul-2014 | 8.1 KiB | |
loader_unittests.js | 11-Jul-2014 | 5.8 KiB | |
overview.html | 11-Jul-2014 | 2.3 KiB | |
overview.js | 11-Jul-2014 | 7.5 KiB | |
overview_unittests.js | 11-Jul-2014 | 5.5 KiB | |
README.dygraph.txt | 11-Jul-2014 | 1.6 KiB | |
README.webtreemap.txt | 11-Jul-2014 | 2 KiB | |
results.js | 11-Jul-2014 | 4.3 KiB | |
results_unittests.js | 11-Jul-2014 | 3.1 KiB | |
run-embedded-unittests.html | 11-Jul-2014 | 3.1 KiB | |
run-unittests.html | 11-Jul-2014 | 3.1 KiB | |
string.js | 11-Jul-2014 | 2.2 KiB | |
timeline_explorer.html | 11-Jul-2014 | 3.2 KiB | |
timeline_explorer.js | 11-Jul-2014 | 19.1 KiB | |
treemap.html | 11-Jul-2014 | 3.4 KiB | |
treemap.js | 11-Jul-2014 | 9 KiB | |
ui.js | 11-Jul-2014 | 8.4 KiB | |
ui_unittests.js | 11-Jul-2014 | 4 KiB | |
webtreemap.css | 11-Jul-2014 | 2.6 KiB | |
webtreemap.js | 11-Jul-2014 | 8 KiB |
README.dygraph.txt
1dygraphs JavaScript charting library 2Copyright (c) 2006-, Dan Vanderkam. 3 4Support: http://groups.google.com/group/dygraphs-users 5Source: http://github.com/danvk/dygraphs 6Issues: http://code.google.com/p/dygraphs/ 7 8 9The dygraphs JavaScript library produces produces interactive, zoomable charts of time series. 10 11Features 12- Plots time series without using an external server or Flash 13- Supports multiple data series 14- Supports error bands around data series 15- Displays values on mouseover 16- Interactive zoom 17- Adjustable averaging period 18- Customizable click-through actions 19- Compatible with the Google Visualization API 20 21Demo 22For a gallery and documentation, see http://danvk.org/dygraphs/ 23 24Minimal Example 25<html> 26<head> 27<script type="text/javascript" src="dygraph-combined.js"></script> 28</head> 29<body> 30<div id="graphdiv"></div> 31<script type="text/javascript"> 32 g = new Dygraph( 33 document.getElementById("graphdiv"), // containing div 34 "Date,Temperature\n" + // the data series 35 "2008-05-07,75\n" + 36 "2008-05-08,70\n" + 37 "2008-05-09,80\n" 38 ); 39</script> 40</body> 41</html> 42 43License(s) 44dygraphs uses: 45 - rgbcolor.js (Public Domain) 46 - strftime.js (BSD License) 47 - excanvas.js (Apache License) 48 - YUI compressor (BSD License) 49 50rgbcolor: http://www.phpied.com/rgb-color-parser-in-javascript/ 51strftime: http://tech.bluesmoon.info/2008/04/strftime-in-javascript.html 52excanvas: http://code.google.com/p/explorercanvas/ 53yui compressor: http://developer.yahoo.com/yui/compressor/ 54 55dygraphs is available under the MIT license, included in LICENSE.txt. 56
README.webtreemap.txt
1# webtreemap 2 3A simple treemap implementation using web technologies (DOM nodes, CSS 4styling and transitions) rather than a big canvas/svg/plugin. 5 6Play with a [demo][]. 7 8[demo]: http://martine.github.com/webtreemap/demo/demo.html 9 10## Creating your own 11 121. Create a page with a DOM node (i.e. a `<div>`) that will contain 13 your treemap. 142. Add the treemap to the node via something like 15 16 appendTreemap(document.getElementById('mynode'), mydata); 173. Style the treemap using CSS. 18 19### Input format 20 21The input data (`mydata` in the overview snippet) is a tree of nodes, 22likely imported via a separate JSON file. Each node (including the 23root) should contain data in the following format. 24 25 { 26 name: (HTML that is displayed via .innerHTML on the caption), 27 data: { 28 "$area": (a number, in arbitrary units) 29 }, 30 children: (list of child tree nodes) 31 } 32 33(This strange format for data comes from the the [JavaScript InfoVis 34Toolkit][thejit]. I might change it in the future.) 35 36The `$area` of a node should be the sum of the `$area` of all of its 37`children`. 38 39(At runtime, tree nodes will dynamically will gain two extra 40attributes, `parent` and `dom`; this is only worth pointing out so 41that you don't accidentally conflict with them.) 42 43### CSS styling 44 45The treemap is constructed with one `div` per region with a separate 46`div` for the caption. Each div is styleable via the 47`webtreemap-node` CSS class. The captions are stylable as 48`webtreemap-caption`. 49 50Each level of the tree also gets a per-level CSS class, 51`webtreemap-level0` through `webtreemap-level4`. These can be 52adjusted to e.g. made different levels different colors. To control 53the caption on a per-level basis, use a CSS selector like 54`.webtreemap-level2 > .webtreemap-caption`. 55 56Your best bet is to modify the included `webtreemap.css`, which 57contains comments about required and optional CSS attributes. 58 59## Related projects 60 61* [JavaScript InfoVis Toolkit][thejit] 62 63[thejit]: http://thejit.org/