Google Chart API Presentation @ the DC jQuery User Meetup on March 2011

https://docs.google.com/viewer?url=http%3A%2F%2Fsvn.kingkool68.com%2Fprojects%2Fgoogle-charting-api%2Fslides%2FCharting-with-Google.ppt

http://www.slideshare.net/kingkool68/charting-with-google

---------code and documentation:

Documentation

• DataTables and DataViews
• Visualization API (Interactive Charts)
• Chart API (Static Charts)
• Encoding Data for Static Charts

Chart Tools

• Chart Wizard - Good for starting a static chart
• Live Chart Playground - Good for debuggingstatic charts
• Visualization Code Playground - Good for exploring interactive charts

The rich text/equation editor of google knol; Knol abandoned?

Knol is in fact an abandoned project like wave,google health  (and orkut?):
http://googlesystem.blogspot.com/2011/01/abandoned-knol.html
http://www.teleread.com/chris-meadows/google-knol-wikipedia-killer-project-largely-abandoned/

Google Knol aims to include user-written articles (and authors can include ads from Google's AdSense to their pages). It's a content management.
It was opened to the public on July 2008, 3 years ago.
Knol is not wikipedia-like: it's not a wiki.
All contributions are licensed by default under the Creative Commons.
Knol is more like About.com (http://www.about.com/; alexa 67 (data@july 2011) or http://www.ehow.com/ (alexa 127 (data@july 2011)) than Wikipedia.
It 's also not an equivalent of http://www.archive.org/index.php (alexa 206 (data@july 2011)) which corresponds to the classic encyclopedia format (see also other internet archive projetcs: http://www.archive.org/projects/).
Knol has an anarchy model:
http://knol.google.com/k/knol-administration-anarchy-democracy-or-something-else#

Knol interface supports 8 languages, but you can write knols in any language.
The analysis of trends of "knol" in research engine : India 1st; Languages: Dutch-english-arabic.
http://www.google.com/trends?q=Google+Knol&ctab=0&geo=all&date=all&sort=0

Knol en français:
http://knol.google.com/k/knol-francophone-2009-2011-%C3%A9volution#

Comparison of text/HTML/equation editor :
http://ex-ample.blogspot.com/2011/07/mathml-chromefirefox-and-best.html

---------------
There: are many "import"

The interface is clear:

 

 The equation editor is an interface of google charts/formulas API
http://code.google.com/apis/chart/image/docs/gallery/formulas.html

A brief analysis of the knol rich text editor:

The menu is still at the same place 

it is very useful if your post is very long (not the case for blogger)

The menu of the knol editor:

Save (first item (left))

Format (5^nd item): far better 

(H2, H3 and H4 levels) system is very useful with the automatic outline function of knol.

Links  (11^nd item)

the same function/design of blogger

Insert (12nd item): GOOD

1. image (blogger is better with an upload of many files)
   the management of the position of the image is the same
2. Equation (i hope this service will be in blogger)
3. Special character  (i hope this service will be in blogger)
4. Calendar  " " (insert google calendar with many options)
5. documents (you can select google docs, spreadsheet..., map, calendar, folders)
6. picasa web slideshow
7. presentation
8. spreadsheet
9. spreadsheet form
10. (google video: old!)
11. You tube
12. Google gadget (by URL or list of categories)

bad

insert table

numbered list (same of blogger)

bad

bullet list (same of blogger)

bad

decrease ident  (i hope this basic service will be in blogger)

-

increase ident  (i hope this basic service will be in blogger)

-quote

-idem

insert a reference (i hope this basic service will be in blogger)

-OK

HTML

bad

Conclusion

the Knol rich text editor is better than the blogger editor and google docs editor.

Userscripts.org (->browser) different of jsdo.it : power-ups for your browser ; user.js->extension

Userscripts.org: Power-ups for your browser:

http://userscripts.org/

compare userscript.org and jsdo.it

http://userscripts.org/about/installing
Chrome has an "auto-Greasemonkey". Greasemonkey is an extension for Mozilla Firefox, an open source Web Browser. Most userscripts are written for Firefox & Greasemonkey (although some work in Opera, Safari,Chrome and even Internet Explorer).

-----------------------

You can use LaTeX (google API rendering) in the Blogger text/HTML editor directly.

the same test of http://ex-ample.blogspot.com/2011/07/test.html
this test is based on the www.codecogs.com rendering used by http://userscripts.org/scripts/show/64270
LaTeX for Blogger w/ Undo in the Updated Editor (version codecogs).

Now "LaTeX for Blogger with Google Chart API" with google chart API rendering:
http://userscripts.org/scripts/show/105016

I use this LaTeX code:
e = \lim_{n\to\infty} \left(1+\frac{1}{n}\right)^n
------------------result:

------------------end

You can use LaTeX (codecogs rendering) in the Blogger text/HTML editor directly.

http://userscripts.org/scripts/show/64270
LaTeX for Blogger w/ Undo in the Updated Editor
For a description/install of this tool and comparison with other methods to post equations, see: http://ex-ample.blogspot.com/2011/07/mathml-chromefirefox-and-best.html


------
here: just a test of the use of LaTeX for Blogger 
("64270.user.js" as extension of your browser).

4 steps:
1) I write this latex code:
e = \lim_{n\to\infty} \left(1+\frac{1}{n}\right)^n


Just a comment: if i write this LaTeX code between "slash(" and "slash)", MathJax will transform and render the equation. Verify in "edit HTML" mode that your LaTeX code is clean (put in div-tags). See the result:

\( e= \lim_{n\to\infty} \left(1+\frac{1}{n}\right)^n \)

With this post you can see than we can use Mathjax rendering and the www.codecogs.com rendering used by "64270.user.js" together without problems.
2) I put double$ between this LaTeX code.
3) I click on the LaTeX button :

4) click "publish post"

----------------------the result is:

the Blogger Data API-example "blog this".

ex-ample:
Javascript Code of "Blog This!"
http://gdata-javascript-client.googlecode.com/svn/trunk/samples/blogger/blog_this/blog_this.html
It's 2 scripts:
script src="http://www.google.com/jsapi?key=YOUR_API_KEY"
script src="http://gdata-javascript-client.googlecode.com/svn/trunk/samples/blogger/blog_this/blog_this.js

The 1st is the account-Authenticating (in order to access to you blogspot for updating its content).
The 2nd scrip corresponds to a SVN linkt:
http://gdata-javascript-client.googlecode.com/svn/trunk/samples/blogger/

Some links:
https://code.google.com/apis/blogger/

The Blogger Data API allows client applications to view and update Blogger content in the form of Google Data API feeds. Your client application can use the Data API to create new blog posts, edit or delete existing posts, and query for posts that match particular criteria.
Here are some of the things you can do with the Blogger Data API:

• Add a running list of blog posts and comments to a site.
• Create a desktop application or plugin that allows users to create and post entries from the desktop.
• Create a blog aggregator application.

--------------
http://code.google.com/apis/blogger/docs/2.0/developers_guide_protocol.html

Your client application can use the Blogger Data API to create new blog posts, edit or delete existing blog posts, and query for blog posts that match particular criteria.
In addition to providing some background on the capabilities of the Blogger Data API, this document provides examples of basic Data API interactions using raw XML and HTTP. After reading this document, you may want to learn more about interacting with the API using our client libraries by reading the programming-language-specific sections of this developer's guide.
--------------
http://code.google.com/apis/blogger/docs/gadgets/gadgets_for_blogger.html

At Google, gadgets are simple HTML and JavaScript applications that can be embedded in web pages and other apps, including Blogger.
Every Blogger blog is a gadget container.
example:
http://code.google.com/apis/blogger/docs/gadgets/gadgets_for_blogger.html#ExampleGadget
http://code.google.com/apis/blogger/data/blog_social_example.xml
It's a very simple Friend Connect powered gadget that takes advantage Blogger's JSON API. The gadget displays the current post's comments and highlights the comment if it was made by the viewer's friend. When the gadget is embedded in a blog, it will match the blog's style because it inherits several skin parameters.

igrapher: visualisation tool for charting, analysis and prediction of different stock

http://igrapher.com/#

iGrapher is a free web-based financial market visualisation tool for charting, analysis and prediction of different stock, currency and commodity markets. It uses canvas to draw the graphs of financial data.

Is it possible to use a canvas to do 3d?; 3d web development with Google's O3D ; a canvas application which can read the contents of a 3D .OBJ file and display the results in real-time.

the new O3D Project Hosting site: http://code.google.com/p/o3d/

3d web development with Google's O3D: WebGL implementation of O3D

The old O3D plugin API is Deprecated:  
http://code.google.com/apis/o3d/docs/samplesdirectory.html

Originally built as a browser plug-in, this new implementation of O3D is a JavaScript library implemented on top of WebGL.


Introduction
The WebGL implementation of O3D is a JavaScript library built on top of WebGL. It implements a subset of the original O3D plug-in API, which includes all O3D interfaces that have an analogous interface in WebGL. For example, the render graph, transform graph, and texture classes are all implemented in the WebGL implementation of O3D. Animation, parameter operations, 2D canvas, and file I/O classes are not included. See Functional Groupings of O3D for details.

One major difference between the two implementations is that the WebGL implementation of O3D uses the GLSL shader required by WebGL. This release includes a Cg-to-GLSL converter script to aid in this conversion.



Here (http://code.google.com/p/o3d/) you can:

• Download the WebGL implementation of O3D.
• Read about how to convert your O3D plug-in application to the WebGL implementation of O3D.
• Check out the samples.
• Read about how to load COLLADA files into the WebGL implementation of O3D.
• Browse the source code.
• File bugs and submit patches.

--------------

O3D is a good development environment for 3d.
You will be surprised by how easy it was compared to OpenGL.
For example, entire 3d models could be loaded using a single command, while as with OpenGL you would have had to write your own low-level model loader.
Not to mention, Google made integration with Sketchup easy.

ex-ample:

http://src.chromium.org/viewvc/chrome/trunk/src/o3d/samples/o3d-webgl-samples

• Hello Cube, v. 2
• Spinning Cube, v. 2 (minimal changes)
• Primitives, v. 2

http://code.google.com/p/o3d/wiki/SampleCodeWalkthrough

Converting and Loading COLLADA Models:
http://code.google.com/p/o3d/wiki/ColladaConverter

-------
"Is it possible to use a canvas to do 3d?"
3d and HTML5's Canvas element together...
The canvas element is becoming more widely adopted than O3D.  It could draw polygons.

The future of 3d web applications lies with WebGL : http://www.khronos.org/webgl/.
Using HTML5's canvas unlike WebGL: canvas will be able to run on any HTML5 enabled browser (software rendered) while as WebGL runs on computers with hardware acceleration.

Ex-ample:

3D OBJ Viewer – 3D, Applications - Canvas Demos:
http://www.canvasdemos.com/2010/05/05/3d-obj-viewer/
http://www.canvasdemos.com/userdemos/toxicgonzo/3dobjviewer.html
a canvas application which can read the contents of a 3D .OBJ file and display the results in real-time.
This particular demo takes Blender’s monkey model and rotates it. It also displays how many FPS in the upper left corner.

This program:

1.  A 3d .OBJ object is stored as a string in the javascript file
2. The .OBJ string is decoded to hold information about vertex position and which vertices form the polygons
3.  Every polygon is assigned a random color
4. Matrix multiplication happens: Convert object from model space -> camera space -> clip space -> screen space
5.  Z-sort the polygons based on the polygon’s centroid
6. Draw the polygons from back to front

PicGhost: watermark and protect your images online.

PicGhost - HomePage - Mass Image Editor, Resize, watermark and protect your images online:
http://www.picghost.com/

PicGhost handles all image edits:

• Upload multiple images at once (max 40).
• Each image up to 10MB! means you can upload up to 400MB at once.
• Select images to upload from your computer or website.
• Apply effects on some or all of your images.
• Process multiple images at the same time.
• Resize your images using very simple settings.
• Protect your images by adding text and watermarks.
• Preview all images after upload and before download.
• Download all images at once in a zipped file.
• Process images from any computer, no software needed.
• PicGhost proudly provides all these features for free.
• No Pro version, or hidden fees.

A small WYSIWYG (HTML+MathML+SVG) editor; standalone or a Firefox Addon

A small WYSIWYG (HTML+MathML+SVG) editor using XUL framework that works either as a standalone or as a Firefox Addon

https://addons.mozilla.org/en-US/firefox/addon/multiflow/

Download MuLTiFlow software for free at SourceForge.net

http://sourceforge.net/projects/multiflow/

paper:

"Simple ID/HREF-based microformat for non-local intra-document links for rendering graphical abstracts"

http://multiflow.sourceforge.net/twinkl.html


MuLTiFlow is a simple replacement for many word-processors with in-built maths and graphics capabilities that are bloat-wares built on archaic frameworks. However, unlike traditional word-processors MuLTiFlow has XML-nesting capabilities also, so it can also be used as a WYSIWYG XML editor.
The XUL framework also allows it to used both as a browser as well as an editor giving it even more capabiltities than a traditional word-processors, e.g., multimedia and interactions with the web.