Difference between revisions of "Visualization"

From BC$ MobileTV Wiki
Jump to: navigation, search
Line 290: Line 290:
 
* 3D Step Count & Fitness Activity Graph: http://codepen.io/steveg3003/pen/wdBRZN/
 
* 3D Step Count & Fitness Activity Graph: http://codepen.io/steveg3003/pen/wdBRZN/
 
* Why I no longer use D3.js: https://medium.com/@PepsRyuu/why-i-no-longer-use-d3-js-b8288f306c9a (example hand-coding a linear graph in Preact + SVG + CSS)
 
* Why I no longer use D3.js: https://medium.com/@PepsRyuu/why-i-no-longer-use-d3-js-b8288f306c9a (example hand-coding a linear graph in Preact + SVG + CSS)
 +
* Java + Processing + HTML5 Canvas experiment: https://repl.it/@templates/Java-Processing-using-Processingjs
 +
* Abusing the Canvas -- Lesson 2 - Marquee: http://matthewekenstedt.com/173-03/abusing-canvas-lesson-2-marquee/
  
  

Revision as of 19:38, 29 December 2021

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

InfoGraphic

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.

Maps

For geographical/navigational type, see Maps

TreeMaps

Perception Map

Relationship Map


Charts & Graphs

Linear Graph

Bar charts

Pie charts

Radar Charts

Kiviat Charts

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


Radial Graph

Projects

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

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

VisualComplexity

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

SIMILE

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

[7] [8] [9]

NetGrok

Google Visualization

[10]

Asterisq

Gephi

Processing

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.

GeoCommons

dygraphs



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.

[12]

Projects/Applications

Graphs

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.

GraphML

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.



Tools


Java


JavaScript

D3

Raphael

SIM

Google Visualization

[16]

PHP

C++

Flash

Flex

R


Resources


Tutorials


External Links


References

  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