Difference between revisions of "Visualization"

From BC$ MobileTV Wiki
Jump to: navigation, search
Line 208: Line 208:
* 16 Javascript Libraries for Visualizations: http://datavisualization.ch/tools/13-javascript-libraries-for-visualizations<ref>Top 9 JavaScript Charting Libraries: https://dzone.com/articles/top-9-javascript-charting-libraries</ref>
* 16 Javascript Libraries for Visualizations: http://datavisualization.ch/tools/13-javascript-libraries-for-visualizations<ref>Top 9 JavaScript Charting Libraries: https://dzone.com/articles/top-9-javascript-charting-libraries</ref>
* ngraph.path: https://github.com/anvaka/ngraph.path | [https://github.com/anvaka/ngraph.path.demo#ngraphpath-demo SRC] | [https://anvaka.github.io/ngraph.path.demo/#?graph=amsterdam-roads DEMO]
* ngraph.path: https://github.com/anvaka/ngraph.path | [https://github.com/anvaka/ngraph.path.demo#ngraphpath-demo SRC] | [https://anvaka.github.io/ngraph.path.demo/#?graph=amsterdam-roads DEMO]
* Apache ECharts - [[OSS]] JavaScript Visualization Library: https://echarts.apache.org/ | [https://github.com/apache/echarts SRC]
==== Processing JS ====
==== Processing JS ====

Revision as of 07:33, 13 February 2022

Visualization is the act of creating pictographic or other visual cues that typically allow a viewer to physically look upon and analyze the relationships between different objects.

Visualization is a common need in many fields, ranging from Information Technology to Statistics, Engineering to Architecture, Biology to Astrophysics and Sociology to Computer Hardware/Software Design, among others.

Visualization Types


An InfoGraphic is a visualization tool used for summarizing large amounts of data and information into a small, concise, yet easily readable, translatable and understandable graphical representation. There are modern-day software packages available for creating InfoGraphics, though many of the best infographics are drawn by hand, whether electronically, on paper or created via another medium. Common infographics are bar-charts, pie-charts, global maps, universal maps, pictures of a specific locale or setting with data overlays, etc.


For geographical/navigational type, see Maps


Perception Map

Relationship Map

Charts & Graphs

Linear Graph

Bar charts

Pie charts

Radar Charts

Kiviat Charts

[1] [2] [3] [4] [5] [6]

Radial Graph


Show Us A Better Way

Show Us a Better Way is a UK government-funded project challenging the public to "Tell us what you'd build with public information and we could help fund your idea!"


code_swarm is one of the leading projects for open visualization libraries:


  • VisualComplexity Project (a portal/collection of different visualization projects from all over the world): http://visualcomplexity.com


SIMILE is focused on developing robust, open source tools that empower users to access, manage, visualize and reuse digital assets.

[7] [8] [9]


Google Visualization





Processing is an open source programming language and environment for people who want to program images, animation, and interactions. It is used by students, artists, designers, researchers, and hobbyists for learning, prototyping, and production. It is created to teach fundamentals of computer programming within a visual context and to serve as a software sketchbook and professional production tool. Processing is an alternative to proprietary software tools in the same domain.

Processing is a language for displaying visualizations, animations and graphics. Processing.JS is a JavaScript port of the Processing language, designed to run in modern web browsers.



Data Visualization

Data Visualization is the process of presenting information in an easy to understand, intuitive, typically aesthetically pleasing manner such that relationships between disparate objects and facts can be derived and visually infered.




Graphing Tools allow you to visualize your data through easy to read and often times interactive Graphs, Pie Charts, Timelines, Timeplots, Scales, Plots or Combined and Mixed Charts.


Spatial Key

TLG View

TLGView's objective is to enhance the exploration and navigation of data in the cloud. Whether the data is databases, search results, videos, or images - in short, any group of objects that reside somewhere in the internet cloud.




Processing JS




Google Visualization









External Links


  1. Kiviat Charts overview: http://www.westfallteam.com/sites/default/files/papers/Kiviat Charts.pdf
  2. What is a kiviat chart and when would you use it?: https://www.restaurantnorman.com/what-is-a-kiviat-chart-and-when-would-you-use-it/
  3. How to create a Kiviat Chart in Microsoft Excel: https://www.youtube.com/watch?v=kKCowSoU1a8
  4. Kiviat Diagramming: https://www.projectmanagement.com/contentPages/wiki.cfm?ID=233065&thisPageURL=/wikis/233065/Kiviat-Diagramming#_=_
  5. How to draw Kiviat Diagrams in Tex: https://tex.stackexchange.com/questions/10060/how-to-draw-kiviat-diagrams
  6. Kiviatt Charts: https://www.gristprojectmanagement.us/process-improvement/kiviatt-charts.html
  7. Simile 2.x examples: http://www.simile-widgets.org/exhibit2/
  8. Simile -- Exhibit - getting started tutorial: https://web.archive.org/web/20100123094952/http://simile.mit.edu/wiki/Exhibit/Getting_Started_Tutorial
  9. How to make an exhibit from a spreadsheet: https://web.archive.org/web/20100123122120/http://simile.mit.edu/wiki/Exhibit/How_to_make_an_exhibit_from_a_spreadsheet
  10. Visualizing Geographic Statistical Data with Google Maps: https://medium.com/@nholmber/gmaps-data-visualization-2b7cc685012d
  11. Twitter - MentionMap: http://apps.asterisq.com/mentionmap/
  12. 20 Free and Open-Source Data Visualization Tools: https://dzone.com/articles/20-free-and-open-source-data-visualization-tools
  13. Top 9 JavaScript Charting Libraries: https://dzone.com/articles/top-9-javascript-charting-libraries
  14. Loading "d3.js" data from a simple JSON string: http://stackoverflow.com/questions/15764698/loading-d3-js-data-from-a-simple-json-string
  15. Load and parse multiple csv files with D3.js: http://stackoverflow.com/questions/30766696/load-and-parse-multiple-csv-files-with-d3-js
  16. Bring Your Own Data - Google Opens Up Visualization API: http://www.readwriteweb.com/archives/google_opens_visualization_api.php
  17. Google Visualization API now in PHP: http://googlecode.blogspot.com/2008/08/google-visualization-api-now-in-php.html
  18. Flare tutorial: http://flare.prefuse.org/tutorial
  19. Flash Data Visualization Library -- Flare: http://www.webresourcesdepot.com/flash-data-visualization-library-flare/

See Also

Web 3.0 | Linked Data | Semantic Web | Database | Table | Menu | VRML | WebVR