Difference between revisions of "SOCR HTML5 Project"
m |
(→Examples) |
||
| Line 6: | Line 6: | ||
===Examples=== | ===Examples=== | ||
The list below contains examples of interesting HTML5 web-apps and sims that we need to develop analogues for existing SOCR Java-based charts, analysis and experiments applets. | The list below contains examples of interesting HTML5 web-apps and sims that we need to develop analogues for existing SOCR Java-based charts, analysis and experiments applets. | ||
| − | * Provide a new HTML5/JavaScript redesign of the [http://www.socr.ucla.edu/SOCR_MotionCharts/ SOCR Motion Charts] (see [[SOCR_MotionCharts|motion charts activities]]) using [http://mbostock.github.com/d3/ex/ D3]. This would include making smooth transformation (see [http://www.jasondavies.com/animated-bezier/ examples here]) and implementing some of the new [http://www.amstat.org/publications/jse/v18n3/dinov.pdf SOCR motion charts proposed in the appendix of this manuscript]. | + | * Provide a new HTML5/JavaScript redesign of the [http://www.socr.ucla.edu/SOCR_MotionCharts/ SOCR Motion Charts] (see [[SOCR_MotionCharts|motion charts activities]]) using [http://mbostock.github.com/d3/ex/ D3]. This would include making smooth transformation (see [http://www.jasondavies.com/animated-bezier/ examples here]) and implementing some of the new [http://www.amstat.org/publications/jse/v18n3/dinov.pdf SOCR motion charts proposed in the appendix of this manuscript]. You can use Google API (http://code.google.com/webtoolkit/overview.html). All code must be HTML5 compliant and only include lightweight open-source libraries. |
* This example demonstrates 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]] | * This example demonstrates 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]] | ||
* See the [http://distributome.org/ Java-based Distirbutome Navigator] and the corresponding [http://distributome.org/test/Distributome.html HTML5/JavaScript Distributome Navigator] | * See the [http://distributome.org/ Java-based Distirbutome Navigator] and the corresponding [http://distributome.org/test/Distributome.html HTML5/JavaScript Distributome Navigator] | ||
Revision as of 12:30, 10 October 2011
SOCR Project - SOCR HTML5 Project
Project goals
The goal of this project is to redesign, transform and upgrade some of the SOCR Applets from Java to platform- and browser-independent HTML5 and JavaScript framework.
Examples
The list below contains examples of interesting HTML5 web-apps and sims that we need to develop analogues for existing SOCR Java-based charts, analysis and experiments applets.
- Provide a new HTML5/JavaScript redesign of the SOCR Motion Charts (see motion charts activities) using D3. This would include making smooth transformation (see examples here) and implementing some of the new SOCR motion charts proposed in the appendix of this manuscript. You can use Google API (http://code.google.com/webtoolkit/overview.html). All code must be HTML5 compliant and only include lightweight open-source libraries.
- This example demonstrates a pair of analogous Java-applet-based and HTML5/JavaScript-based web-apps for Normal Distribution Simulation
- See the Java-based Distirbutome Navigator and the corresponding HTML5/JavaScript Distributome Navigator
- ProtoVis and D3 provide excellent examples and source code for JavaScript/HTML5 graphing tools
See also
- See the JavaScript InfoVis Toolkit
- Hyperbolic (fish eye) table
- Manual Graphics Paint canvas in HTML5
- RGraph HTML5 Charts and Graphs
Translate this page:
