Visualization

If you want to draw a lot of data, you have to use canvas. If you want to have vector graphics, you have to use SVG. What are you supposed to do when you need both? Good luck to you my friend

http://codegeekz.com/html5-javascript-libraries-for-developers/

http://www.gojs.net/latest/index.html

https://github.com/bertelsmannstift/GED-VIZ

http://www.jointjs.com/tutorial

http://habrahabr.ru/company/devexpress/blog/185210/

http://www.visualisingdata.com/index.php/resources/

http://www.lovelycharts.com/

http://selection.datavisualization.ch/

http://www.polychartjs.com/

https://news.ycombinator.com/item?id=5519893

http://www.codeproject.com/Articles/485747/The-Complete-Guide-to-Building-HTML5-games-with-Ca

http://habrahabr.ru/post/158333/

http://meloncholy.com/blog/making-responsive-svg-graphs/

http://www.plot.io/

http://smoothiecharts.org/tutorial.html

http://blog.intercom.io/data-visualisation-in-web-apps/

http://getspringy.com/

http://bonsaijs.org/

http://square.github.com/cube/

http://bits.shutterstock.com/

http://worrydream.com/LadderOfAbstraction/

http://blog.wolfram.com/2011/10/11/the-background-and-vision-of-mathematica/

http://www.readwriteweb.com/archives/the_best_tools_for_visualization.php

http://datavisualization.ch/

http://www.visualcomplexity.com/

http://socialcompare.com/en/comparison/javascript-graphs-and-charts-libraries

http://my.opera.com/tagawa/blog/list-of-javascript-charting-libraries

http://thejit.org/ InfoVis

http://habrahabr.ru/blogs/webdev/129504/#habracut

http://msug.vn.ua/Plots

http://bost.ocks.org/mike/d3/workshop/

http://mbostock.github.com/d3/ - next Protovis

http://mbostock.github.com/d3/tutorial/bar-2.html

https://github.com/jondot/graphene

http://square.github.com/cubism/

http://christopheviau.com/d3_tutorial/

http://alignedleft.com/tutorials/d3/

http://needforair.com/blog/2012/05/09/d3-tutorial/

http://tullo.ch/2012/making-the-site-logo/

http://novus.github.com/nvd3/?

http://code.shutterstock.com/rickshaw/

http://www.reddit.com/r/programming/comments/12q8pl/fun_looking_javascript_graphics_library/

https://news.ycombinator.com/item?id=7948560 lot of plotting

SourceCode Visualization in browser

http://en.wikipedia.org/wiki/Software_visualization

https://github.com/scottrogowski/code2flow for Python and JS

http://softvis.wordpress.com/

http://redotheweb.com/CodeFlower/

http://depfind.sourceforge.net/Resources.html

http://www.catalysts.cc/en/wissenswertes/architecture-classycle/

http://www.andreas-dewes.de/code_is_beautiful/

http://msdn.microsoft.com/en-us/library/vstudio/dd409453.aspx

http://www.ndepend.com/doc_vs_arch.aspx

http://www.codeproject.com/Articles/2145/Dependency-Grapher-for-C-Projects

http://www.myoutsourcedbrain.com/2009/04/class-dependency-graphs.html

http://nflath.com/2010/01/cc-dependency-graphs/

http://flourish.org/cinclude2dot/

http://masterravi.wordpress.com/2011/12/08/dependency-graph/

Protovis - father of D3

http://vis.stanford.edu/protovis/

http://www.elasticsearch.org/blog/2011/05/13/data-visualization-with-elasticsearch-and-protovis.html

http://arborjs.org/ Graph Visualization

http://flare.prefuse.org/ ActionScript

http://www.datawrangling.com/search-map-interactive-visualization-of-query-clusters

http://stackoverflow.com/questions/2838707/cluster-graph-visualization-using-python

http://stats.stackexchange.com/questions/103/what-is-your-favorite-data-visualization-blog

http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/

http://sunnythinking.org/blog/mining_thelasthope.html

http://www.yworks.com/en/products_yfiles_web_about.html

http://senchalabs.github.com/philogl/

http://demonstrations.wolfram.com/

Processing

http://processing.org/

http://processingjs.org/

http://habrahabr.ru/blogs/infodesign/137338/ TreeMap

http://www.visualizing.org/

http://www.janwillemtulp.com/

http://www.kdnuggets.com/2011/04/free-tools-data-visualization-analysis.html

http://www.kdnuggets.com/software/visualization.html

http://www.computerworld.com/s/article/9215504/22_free_tools_for_data_visualization_and_analysis

GraphViz

http://robrhinehart.com/?p=119

http://www.ibm.com/developerworks/aix/library/au-aix-graphviz/index.html

DOT language:

digraph graphname {

a -> b -> c;

b -> d;

}

Пример генерации графа from python, который показывает, как числа друг на друга делятся:

print ‘digraph {’

for n in range(1, 50):

for k in range(1, n):

if n % k == 0:

print ‘%d -> %d’ % (n, k)

print ‘}’

Генерация из командной строки происходит так:

python gen_numbers.py | tred | dot -Tpng -oout.png

Здесь так же использован упроститель графа tred, который убирает избыточные стрелки в графе зависимостей (если 12 -> 6 -> 3, то не надо отображать стрелку 12 -> 3).

http://lib.custis.ru/Graphviz

http://code.google.com/p/jrfonseca/wiki/XDot

http://tobilehman.com/blog/2012/10/14/unix-processes-and-their-parents/

http://habrahabr.ru/blogs/design/128441/

http://zvtm.sourceforge.net/zgrviewer.html Java version

http://stevehanov.ca/blog/index.php?id=65

http://www.reddit.com/r/Python/comments/e0vxs/fa_to_dot_graph_descriptiongraphviz/

http://www.ted.com/talks/anders_ynnerman_visualizing_the_medical_data_explosion.html

http://stackoverflow.com/questions/5173244/what-are-some-good-statistic-visualization-frameworks-libraries-for-user-data

Code visualization

doxigen

https://en.wikipedia.org/wiki/Software_visualization