Difference between revisions of "SOCR HTML5 Project"

From SOCR
Jump to: navigation, search
m (See also)
 
(6 intermediate revisions by the same user not shown)
Line 5: Line 5:
  
 
===Examples===
 
===Examples===
The list below contains examples of interesting HTML5 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]. 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]
* [http://vis.stanford.edu/protovis/ex/ ProtoVis] provides another excellent source for JavaScript/HTML5 graphing tools
+
* [http://vis.stanford.edu/protovis/ex/ ProtoVis] and [http://mbostock.github.com/d3/ex/ D3] provide excellent examples and source code for JavaScript/HTML5 graphing tools
 +
 
 +
===See also ===
 +
* [http://jsxgraph.uni-bayreuth.de/wiki/index.php/Category:Examples JSXGraph HTML5/JS Mathematical Functions Charts and graphs]
 
* [http://thejit.org See the JavaScript InfoVis Toolkit]
 
* [http://thejit.org See the 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]
 
* [http://socr.ucla.edu/applets.dir/ManualGraphicsCanvasPaint_HTML5/ Manual Graphics Paint canvas in HTML5]
 
* [http://socr.ucla.edu/applets.dir/ManualGraphicsCanvasPaint_HTML5/ Manual Graphics Paint canvas in HTML5]
 
* [http://www.rgraph.net/ RGraph HTML5 Charts and Graphs]
 
* [http://www.rgraph.net/ RGraph HTML5 Charts and Graphs]
 +
* [http://rendera.heroku.com/ Rendera: Interactive HTML5/CSS3/JS web-page Editor]
 +
* [http://www.petting-zoo.org/Calculator.html JavaScript Open-Source Fast Numerical/Math Calculator]
  
  

Latest revision as of 13:49, 6 January 2012

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.

See also





Translate this page:

(default)
Uk flag.gif

Deutsch
De flag.gif

Español
Es flag.gif

Français
Fr flag.gif

Italiano
It flag.gif

Português
Pt flag.gif

日本語
Jp flag.gif

България
Bg flag.gif

الامارات العربية المتحدة
Ae flag.gif

Suomi
Fi flag.gif

इस भाषा में
In flag.gif

Norge
No flag.png

한국어
Kr flag.gif

中文
Cn flag.gif

繁体中文
Cn flag.gif

Русский
Ru flag.gif

Nederlands
Nl flag.gif

Ελληνικά
Gr flag.gif

Hrvatska
Hr flag.gif

Česká republika
Cz flag.gif

Danmark
Dk flag.gif

Polska
Pl flag.png

România
Ro flag.png

Sverige
Se flag.gif