SOCR HTML5 Charts - Revision history

IvoDinov: /* Approach */

2012-11-20T20:03:10Z

‎Approach

IvoDinov: /* See also */

2012-11-01T02:17:23Z

‎See also

IvoDinov: /* Project Description */

2012-10-18T18:57:56Z

‎Project Description

IvoDinov: /* Project Description */

2012-10-12T16:10:57Z

‎Project Description

IvoDinov: /* Front-end */

2012-09-28T16:49:13Z

‎Front-end

IvoDinov at 16:48, 28 September 2012

2012-09-28T16:48:50Z

IvoDinov: /* See also */

2012-09-28T16:37:37Z

‎See also

IvoDinov: /* Project Description */

2012-09-28T16:35:59Z

‎Project Description

IvoDinov: /* Project Description */

2012-09-28T16:35:47Z

‎Project Description

IvoDinov: /* Project Description */

2012-09-28T16:35:28Z

‎Project Description

@@ Line 19: / Line 19: @@
 * [http://jsxgraph.uni-bayreuth.de/wiki/index.php/Category:Examples JSXGraph HTML5/JS Mathematical Functions Charts and graphs]
 * [http://thejit.org JavaScript InfoVis Toolkit]
-* [http://magic-table.googlecode.com/svn/trunk/magic-table/google_visualisation/example_1.html Hyperbolic (fish eye) table]
+* [http://magic-table.googlecode.com/svn/trunk/magic-table/google_visualisation/example_1.html Hyperbolic (fish eye) table] and [http://bost.ocks.org/mike/fisheye/ Fish Eye Zoom (Grid/Cartesian/Graphs)]
 * [http://www.rgraph.net/ RGraph HTML5 Charts and Graphs]
 * [http://rendera.heroku.com/ Rendera: Interactive HTML5/CSS3/JS web-page Editor]

@@ Line 27: / Line 27: @@
 ===See also ===
 * An example demonstrating a pair of analogous [http://socr.ucla.edu/htmls/exp/Sample_Mean_Experiment.html Java-applet-based] and [http://socr.ucla.edu/test/HTML5/NormalSimulation.html HTML5/JavaScript-based] web-apps for [[SOCR_EduMaterials_Activities_SampleMeanExperiment |Normal Distribution Simulation]]
 *[http://socr.stat.ucla.edu/docs/ SOCR JavaDoc]

@@ Line 9: / Line 9: @@
 * Explore these two recent SOCR HTML5 webapps: [http://socr.ucla.edu/htmls/HTML5/MotionChart/ MotionCharts] and [http://socr.ucla.edu/htmls/HTML5/SOCR_Resampling_Webapp/ Randomization, Resampling and Simulation].
 * Redesign the [http://socr.ucla.edu/htmls/HTML5/charts/SOCR_JS_ViolinChart/ SOCR (prototype) Violin Plot] and extend it to allow plotting multiple columns (several violin plots on the same chart) utilizing [http://d3js.org/ D3].
 ===Approach===

@@ Line 8: / Line 8: @@
 * Look at the SOCR Charts [[SOCR_EduMaterials_ChartsActivities|Activities]], [[Help_pages_for_SOCR_Chart|Help]] and [[About_pages_for_SOCR_Chart|About]] pages.
 * Explore these two recent SOCR HTML5 webapps: [http://socr.ucla.edu/htmls/HTML5/MotionChart/ MotionCharts] and [http://socr.ucla.edu/htmls/HTML5/SOCR_Resampling_Webapp/ Randomization, Resampling and Simulation].
-* Add the [http://socr.ucla.edu/htmls/HTML5/charts/SOCR_JS_ViolinChart/ SOCR Violin Plot] and extend it to allow plotting multiple columns (several violin plots on the same chart).
+* Redesign the [http://socr.ucla.edu/htmls/HTML5/charts/SOCR_JS_ViolinChart/ SOCR (prototype) Violin Plot] and extend it to allow plotting multiple columns (several violin plots on the same chart) utilizing [http://d3js.org/ D3].
 ===Approach===

@@ Line 23: / Line 23: @@
 ===Front-end===
-Use the [Tweeter Bootstrap] API and the [http://socr.ucla.edu/htmls/HTML5/HTML5_WebSite.zip SOCR HTML5 interface (ZIP)] to embed the new SOCR HTML5 Charts. Use the '''./html/SOCR_Webapp_Template.html''' as a template to embed the SOCR Charts Webapp. Select an appropriate mechanism for navigating between different types of charts where the data remains visible/sharable between all charts (so user enters data once and then selects the chart, maps the variables and the chart redraws in the canvas). See the SOCR HTML5 MotionChart as an example ([https://code.google.com/p/socr/source/browse/#svn%2Ftrunk%2FSOCR_3.0%2FSOCR_HTML5_MotionCharts%2FMotionChart-v3.85 source code] and [http://socr.ucla.edu/htmls/HTML5/MotionChart/ webapp]).
+Use the [http://twitter.github.com/bootstrap/ Tweeter Bootstrap] API and the [http://socr.ucla.edu/htmls/HTML5/HTML5_WebSite.zip SOCR HTML5 interface (ZIP)] to embed the new SOCR HTML5 Charts. Use the '''./html/SOCR_Webapp_Template.html''' as a template to embed the SOCR Charts Webapp. Select an appropriate mechanism for navigating between different types of charts where the data remains visible/sharable between all charts (so user enters data once and then selects the chart, maps the variables and the chart redraws in the canvas). See the SOCR HTML5 MotionChart as an example ([https://code.google.com/p/socr/source/browse/#svn%2Ftrunk%2FSOCR_3.0%2FSOCR_HTML5_MotionCharts%2FMotionChart-v3.85 source code] and [http://socr.ucla.edu/htmls/HTML5/MotionChart/ webapp]).
 ===See also ===

@@ Line 24: / Line 24: @@
 ===See also ===
 * An example demonstrating a pair of analogous [http://socr.ucla.edu/htmls/exp/Sample_Mean_Experiment.html Java-applet-based] and [http://socr.ucla.edu/test/HTML5/NormalSimulation.html HTML5/JavaScript-based] web-apps for [[SOCR_EduMaterials_Activities_SampleMeanExperiment |Normal Distribution Simulation]]
 *[http://socr.stat.ucla.edu/docs/ SOCR JavaDoc]
 *[[Available_SOCR_Development_Projects]]
 *[[SOCR_ProposalSubmissionGuidelines]]
 {{translate|pageName=http://wiki.stat.ucla.edu/socr/index.php?title=SOCR_HTML5_Charts}}

@@ Line 6: / Line 6: @@
 ===Project Description===
 * Review and play with the [http://socr.ucla.edu/htmls/chart/ current SOCR Charts Java applets]. Note that these provide default datasets, as well as allow the user to copy-paste data from any table into the data tab, map the variables (operation specific for each kind of chart that indicates which columns contain specific data that needs to be used in the plot/graph).
-* Look at the SOCR Charts [[SOCR_EduMaterials_ChartsActivities|Activities]], [[Help_pages_for_SOCR_Chart|Help]] and [[About_pages_for_SOCR_Chart|About]] SOCR Charts pages.
+* Look at the SOCR Charts [[SOCR_EduMaterials_ChartsActivities|Activities]], [[Help_pages_for_SOCR_Chart|Help]] and [[About_pages_for_SOCR_Chart|About]] pages.
 * Explore these two recent SOCR HTML5 webapps: [http://socr.ucla.edu/htmls/HTML5/MotionChart/ MotionCharts] and [http://socr.ucla.edu/htmls/HTML5/SOCR_Resampling_Webapp/ Randomization, Resampling and Simulation].
 * Add the [http://socr.ucla.edu/htmls/HTML5/charts/SOCR_JS_ViolinChart/ SOCR Violin Plot] and extend it to allow plotting multiple columns (several violin plots on the same chart).