SOCR HTML5 MotionCharts - Revision history

IvoDinov: /* See also */

2012-10-21T14:59:30Z

‎See also

IvoDinov: /* See also */

2012-09-30T19:38:34Z

‎See also

IvoDinov: /* See also */

2012-09-04T18:13:21Z

‎See also

IvoDinov: /* Background */

2012-09-04T18:05:23Z

‎Background

IvoDinov: /* Background */

2012-09-04T17:40:14Z

‎Background

IvoDinov: Created page with '== SOCR Project - SOCR HTML5 MotionCharts == ===Background=== [[Image:SOCR_Activities_MotionCharts_HPI_070109_Fig6_9_Animation.gif|3…'

2012-09-04T17:15:14Z

Created page with '== SOCR Project - SOCR HTML5 MotionCharts == ===Background=== [[Image:SOCR_Activities_MotionCharts_HPI_070109_Fig6_9_Animation.gif|3…'

New page

==[[Available_SOCR_Development_Projects | SOCR Project]] - [[SOCR]] HTML5 MotionCharts ==

===Background===
[[Image:SOCR_Activities_MotionCharts_HPI_070109_Fig6_9_Animation.gif|350px|thumbnail|right| SOCR MotionChart Web-app]]
The amount, complexity and provenance of data have dramatically increased in the past five years. Visualization of observed and simulated data is a critical component of any social, environmental, biomedical or scientific quest. The [ SOCR HTML5 MotionCharts] provide a platform agnostic and interactive infrastructure for discovery-based exploratory analysis of multivariate data. This dynamic data visualization tool enables the displaying of high-dimensional longitudinal data. SOCR MotionCharts allows mapping of ordinal, nominal and quantitative variables onto time, 2D axes, size, colors, glyphs and appearance characteristics, which facilitates the interactive display of multidimensional data.

===Usage===
TBD

===Activities===
TBD

===Social networking/sharing===
The HTML5 MotionChart should allow users that have online data to share their entire web-app state (in playable format) with any other user using unique URL's. For example:

: http://SOCR.ucla.edu/htmls/HTML5/MotionChart/MotionChart.php?http://wiki.stat.ucla.edu/socr/index.php/SOCR_Data_Dinov_010309_HousingPriceIndex&key=year&x=HPI&y=UR&size=pop&color=region&category=State&play=true
This unique URL motion-chart play format uses the following components:
* Main Applet URL: ''http://SOCR.ucla.edu/htmls/HTML5/MotionChart/''
* PHP script that harvests the tabular data from URL: [[File:Jnlp_writer_php.zip|MotionChart.php]] (MotionChart.php)
* Reference to an online Dataset (tabular format required): ''?http://wiki.stat.ucla.edu/socr/index.php/SOCR_Data_Dinov_010309_HousingPriceIndex''
* Variable Mapping Syntax: ''&key=year&x=HPI&y=UR&size=pop&color=region&category=State''
* Load-only or Play action: ''&play=true''

See this example using [http://pipeline.loni.ucla.edu/explore/library-navigator/ similar invocation protocol] for the Pipeline environment (http://ucla.in/xIL1E8).

===See also===
* [[SOCR_HTML5_Expansion_MotionCharts|SOCR HTML5 MotionCharts Development Page]]
* [SOCR_MotionCharts| SOCR (Java) MotionCharts Activities]]
* [[SOCR_MotionCharts|SOCR MotionCharts Wiki Page]]
* [http://socr.ucla.edu/SOCR_MotionCharts SOCR MotionCharts Web-based (Java) Applet]

===References===
* Dinov, ID, Christou, N. (2011) [http://www.informaworld.com/smpp/content%7Edb=all?content=10.1080/0020739X.2011.562315 Web-based tools for modelling and analysis of multivariate data: California ozone pollution activity], [http://www.informaworld.com/smpp/title%7Edb=all%7Econtent=t713736815 International Journal of Mathematical Education in Science and Technology (JMEST)], 42(6):789-805, [http://www.informaworld.com/smpp/content%7Edb=all?content=10.1080/0020739X.2011.562315 DOI: 10.1080/0020739X.2011.562315].
* Al-Aziz, J, Christou, N, Dinov, ID. (2010). [http://www.amstat.org/publications/jse/v18n3/dinov.pdf SOCR Motion Charts: An Efficient, Open-Source, Interactive and Dynamic Applet for Visualizing Longitudinal Multivariate Data], [http://www.amstat.org/publications/jse/contents_2010.htm JSE, 18(3)], 1-29.

<hr>

{{translate|pageName=http://wiki.stat.ucla.edu/socr/index.php?title=SOCR_HTML5_MotionCharts}}

@@ Line 25: / Line 25: @@
 ===See also===
-* [https://github.com/RamyElkest/SocrMotionChartsHTML5/blob/gh-pages/README.md Code Documentation]
+* [http://wiki.stat.ucla.edu/socr/index.php/SOCR_HTML5_Expansion_MotionCharts Usage Documentation] and [https://github.com/RamyElkest/SocrMotionChartsHTML5/blob/gh-pages/README.md Code Documentation]
 * [[SOCR_HTML5_Expansion_MotionCharts|SOCR HTML5 MotionCharts Development Page]]
 * [[SOCR_MotionCharts| SOCR (Java) MotionCharts Activities]]

@@ Line 2: / Line 2: @@
 ===Background===
-[[Image:SOCR_Activities_MotionCharts_HPI_070109_Fig6_9_Animation.gif|350px|thumbnail|right| SOCR MotionChart Web-app]]
+[[Image:SOCR_HTML5_MotionChart_Video2.gif|thumbnail|right| [http://socr.ucla.edu/htmls/HTML5/MotionChart/ SOCR MotionChart Webapp] ]]
 The amount, complexity and provenance of data have dramatically increased in the past five years. Visualization of observed and simulated data is a critical component of any social, environmental, biomedical or scientific quest. The [http://socr.ucla.edu/htmls/HTML5/MotionChart/ SOCR HTML5 MotionCharts] provide a platform agnostic and interactive infrastructure for discovery-based exploratory analysis of multivariate data. This dynamic data visualization tool enables the displaying of high-dimensional longitudinal data. SOCR MotionCharts allows mapping of ordinal, nominal and quantitative variables onto time, 2D axes, size, colors, glyphs and appearance characteristics, which facilitates the interactive display of multidimensional data.

@@ Line 26: / Line 26: @@
 ===See also===
 * [[SOCR_HTML5_Expansion_MotionCharts|SOCR HTML5 MotionCharts Development Page]]
-* [SOCR_MotionCharts| SOCR (Java) MotionCharts Activities]]
+* [[SOCR_MotionCharts| SOCR (Java) MotionCharts Activities]]
 * [[SOCR_MotionCharts|SOCR MotionCharts Wiki Page]]
 * [http://socr.ucla.edu/SOCR_MotionCharts SOCR MotionCharts Web-based (Java) Applet]
 ===References===