Google Zeitgeist 2011 visualization - html

While admiring the beautiful graphics and animations of the 2011 Zeitgeist I was wondering if the visualization are custom made or based from an available library or project.
Do you know is there a library or project for making similar HTML(5) visualization?

Built this from scratch after I saw the Google zeitgeist app. http://hsivaram.com/tech/2012/01/09/demo-data-visualization-inspired-by-google-zeitgeist-2011/

seems to be javascript-based. If you open up the web inspector you can see that it uses a libs.js file along with scripts.js under the 'zeitgeist' category.
Of course, it also uses Keanu and JQuery.
The art is probably custom.

Related

[Autodesk Forge Viewer]How to implement 3D markup extension?

I'm looking for an official extension of 3D markup like "Autodesk.Viewing.MarkupsGui".
I'm newbie to Autodesk Forge API using viewer Version 7
I read this website, but this is not official one and too old. https://forge.autodesk.com/blog/3d-markup-icons-and-info-card
This doesn't work out
this.viewer.loadExtension("Viewing.Extension.Markup3D")
Sadly, this extension set is deprecated.
https://github.com/Autodesk-Forge/library-javascript-viewer-extensions/tree/master/src/Viewing.Extension.Markup3D
Does anyone know an official extension for 3D markup?
The extension Autodesk.Viewing.MarkupsGui works in the last Viewer v7. This extension and the Autodesk.Viewing.MarkupsCore, which provides all the functionality, are not described in the official documentation. You can use LMV Ninja to try existing extensions.
This extension allows you to draw in the viewer in 3D.
The others links you provided help to create a 3D point and some kind of label or card attached to the point.
The logic described in theses solutions can still work in the last version of the viewer with a bit of code adaptation, depending of what you want to achieve.

Determine the UI library that a particular website is using

I am starting to build my own website using the Django framework. It has become apparent that in order to make quick progress I will have to use some form of external library to handle most of my HTML/CSS/Javascript, for example, https://materializecss.com
I have begun investigating different websites to see what works and what doesn't and I was wondering if there is a quick way to identify what UI library a particular website is using.
Chrome's 'inspect' tool doesn't really help me because I get lost with so much HTML.
For example, this website https://www.moneyunder30.com/category/banking apparently uses https://materializecss.com, is there a general place hidden deep in the HTML where I could look to find this information?
Thanks
There's a pretty cool Chrome extension called Wappalyzer

Creating expandable HTML5 banner for DoubleClick studio in Flash CC HTML Canvas

Has anyone done this?
Would end up being two flash files published to HTML5 then the DCS (double-click studio code) added and consolidated into one HTML file so it can be uploaded?
Doubleclick Studio has awesome HTML5 Rich Media templates. Start there. Going from DC's AS3 templates whhich use components, and using Flash CC to convert won't work. THE AS3 API won't translate and the components won;t work.
Don't do it, it'll give you many headaches if you are in fact able to do it. Google DoubleClick want you to use Google Web Designer and they're notorious for not approving rich media banner units to get you 'into their GWD funnel' as it were.

What's behind a cloud IDE?

There are a lot of web based IDE's like Cloud9, Codebox, AppBuilder(Icenium). And I'm really interested in how the front end / UI for these environments works.
I have a hard time believing that it's just plain HTML5/CSS/Javascript that are providing the rich features. Is there some similar framework/library that they are using?
You can look at the source for Cloud 9 yourself:
http://github.com/ajaxhub/cloud9
They use a number of JavaScript libraries but yes, the front-end is all HTML5, CSS and Javascript when it comes down to it.

3D models on HTML page [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
I have 3D CAD model that I want to show on a web page. I'd like to show it in a form like a <img> tag (e.g. inline with everything else rather than as a separate page) and I want the visitor to be able to rotate the model to view it from different perspectives.
What options do I have?
Things I'm thinking of/looking at
VRML
3DXML
flash
PDF has something that works but it doesn't embed like I want
3DMLW (Seems very slow)
Universal 3D (supported by Adobe Reader)
Edit:
The model is not very complex so perf is not a major concern.
Chrome Experiments has released several 3D Javascript applications. Here's an example:
Colors Cube
Papervison3D is a 3D flash library which might be worth a look. I haven't had the opportunity to play with it myself, but some of the demos look good.
Papervision and Unity3D are the best choices for the pipeline in and quick loading. Flash is installed on most machined but you need to export as COLLADA format and there is a limit of 2000 polys before it bogs down.
Unity 3D has a great pipeline and is free for the indie now. It supports very high poly counts and the plugin installs without a browser restart and is around 4MB (Flash and Sliverlight are both over 4MB now).
Another option might be Torque 3D but that is also very game based. I think your best option is Unity 3D. You can export as FBX and have it on the web in about 5 minutes.
In the future you could use O3D from Google or WebGL but it is not ready for primetime. The only capable simple pipeline to get 3d on the web currently with decent poly counts is Unity3D. It works on PC and Mac just like Flash and Silverlight.
I am not sure how good flash is at 3d support for things like CAD app file formats. IIRC, flash cannot do hardware accelerated 3D graphics. On the other hand, a Java applet can (with the right library).
A new tool called Sketch Fab came out a few month ago. It's designed entirely in HTML5 and seems very powerful.
You could also look at the <canvas> tag, which is being implemented by more browsers. There is probably already a JavaScript library for model viewing.
Consider QuickTime VR. It allows for much of what you ask and since you have the original, you can create a fairly accurate model.
Unity: http://unity3d.com
Have a look at http://labs.autodesk.com/technologies/freewheel/
Project FreeWheel can show 2D and 3D models made in Autocad, Invertor or Revit. I think it uses DWF or something.
At this point it's not possible to host FreeWheel on your own server, but you can upload a DWF to Autodesk and show your model in an IFrame.
VRML might be a good choice. There's a good client available from Parallel Graphics that I've used for quite a while now. I've got some VRML models on my website (though the content is quite trivial!). The models will load quite quickly, especially if they're not that large. There are several navigation modes available and you can lock it to "examine" which lets the user rotate the model (though in fact it's the camera that's moving around the object).
You will need to find a program that can write VRML files, though any decent modeller will have that option.
Seems like canvas tag based javascript drawing apis are picking up. See this recently released canvas 3d js library, even though it works only in FF 3.5: http://www.c3dl.org/
Autodesk is coming out with their new viewer api:
http://through-the-interface.typepad.com/through_the_interface/webtech/
Shockwave with some scripting code for the user being able to rotate the model.
Here's a JavaScript 3D rendering engine: pre3d.
If you haven't checked it out, Mr. Doob has a library for 3D graphics and modeling: homepage and git repo for three.js.
You could use A3dsViewer - provides export to HTML5(three.js) or you can do directly export to the Google Drive and get the generated <iframe> url for the yours page.
Exported HTML5 models contains by default included rotation functionality.
You can create html file of you 3D model using this plugins. It will generate single html file and you will able to use it any where in your website or you can send it to client as well