Is there a Javascript library to draw electrical circuit diagrams? [closed] - javascript

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 7 years ago.
Improve this question
I'm looking for an open-source Javascript library that can draw electrical/electronics circuit diagrams in a modern (HTML5) browser - is there such a thing? It should have typical circuit elements like resistors, voltage and current sources, capacitors, etc. Thanks in advance for any help.

Wikimedia Commons has a set of electrical symbols in SVG format and you can search for svg electronics too. This is a good start to be used with JS drawing libraries.

I don't know of a library that does what you want, but there are three libraries that could be good starts.
Raphael
Protovis
Processingjs
They all have the right primitives to start with that you could build off of.

I would recommend you find a library that has drawing capabilities, then write a plug-in for that library that would draw circuit elements where needed. Raphael is a pretty nice and easy-to-use drawing library.

there is a library called WireIt , it can help you drawing circuit diagrams i hope it helps you or even you can go for webtronics.

Try DC/ AC Virtual Lab , more components are added in the near future ..

Related

Open source library/framework for building dashboard (bar,line,pie,etc) [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 7 years ago.
Improve this question
I have done POC with highcharts and works fine and looks great.
I am looking for better open source library/framework using which i can develop my dashboard showing different graphs.
The UI framework must handle the real time data (like Ajax calls or REST).
Any helpful suggestion appreciated.
D3 (Data-Driven Documents) is excellent if you have a bit of time to learn it.
Some examples:
http://bl.ocks.org/3287802
http://jondot.github.com/graphene/
After you pick your graphing solution (plots, charts, ...) some drag-and-droop grid to put it all together on one dashboard:
gridster.js (MIT licensed) may come in handy
Packery non-profit GPL v3 licensed or one-time purchase for a commercial license
here's another awesome looking one (quite win8 themed) : dashing
http://www.flotcharts.org/ provides a popular open source javascript charts library.
There are many charts plugins out there. http://www.queness.com/post/10781/13-chart-and-graph-plotting-javascript-plugins
My recommendations:
JQPlot: jQuery plugin. Uses canvas element or VML
gRaphael: uses raphaeljs JS library. SVG W3C Recommendation and VML as a base for creating graphics. - Lots of options.
If you only need an charts api
try https://developers.google.com/chart/
Its also support real-time updates

JavaScripted Augmented Reality [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 5 years ago.
Improve this question
Does anyone have experience with a JavaScript library for Augmented Reality?
If so, can you recommend one?
EDIT:
Not sure how to better clarify this... By Augmented Reality I mean using device webcam (laptop, smartphone, tablet) and overlapping elements over the video feed on screen. Ofen, the overlapping is done based on a marker the algorithm searches for within each frame and makes calculations about its position in space.
Hope that's enough.
Thanks.
I think this is what you might be looking for. JSARToolkit is a direct port of Flash FLARToolkit from Ilmari Heikkinen. Great tutorial you may also want to check out and a link to the Git repo.
http://weblog.bocoup.com/javascript-augmented-reality/
https://github.com/kig/JSARToolKit
You can try skarf.js, a framework that I have created for handling JavaScript augmented reality libraries in Three.js.
It currently integrates JSARToolKit and js-aruco, so you can easily switch between these two libraries to decide on the more suitable one to use.
This framework takes care of a number of things for you, including automatic loading of models when the associated markers are detected (association is specified in a JSON file). There is also a GUI marker system which allows users to control settings using AR markers.
Integration with Three.js is just one line of code to create a Skarf instance and another line of code to update.
There are videos, live demos, source codes, examples and documentation available. Check out http://cg.skeelogy.com/skarfjs/ for more info.

3d surface chart with javascript? [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 7 years ago.
Improve this question
Which 3d surface chart library out there do you recommand? It is ok if it is flash or silverlight, as long as it supports dynamic data update thru json.. Thank you!
Gil.
How about javascript-surface-plot?
As for javascript not being fast enough, what do you think this is, 2009?
I am not entirely sure what you are after but one option for 3D charting with Javascript would be Canvas 3D Graph
Edit
Surface plotting is quite CPU-intensive and requires a good graphics API, so Javascript doesn't cut it.
Unfortunately there aren't any ready-made 3D charting libraries for Flash or Silverlight that support surface plotting, only a couple of 3D engines, for example Away3D.
If you are willing to go with applets then JFreeChart might help you (JFreeChart in an Applet). You can control the applet with Javascript and feed it whatever data necessary.
Jmol is used in SAGE for 3D graph plotting. It runs as an applet. It is quite heavy-weight, and it even has a console. Check out the SAGE sources for usage.

Javascript 3d Graphing utility? [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 7 years ago.
Improve this question
Does any one know of any good javascript 3d graphing utility? I know that every site ever recommends Canvas 3d Graph but it is actually quite limiting. For one it only allows graphing with datasets that are within the 1000. Though it does have some capability (with a bit of code modifying) to graph data that are a bit out of its range, nothing out of a complete revamp will allow graphing of data based on time or with values hugely larger than 1000. (I have data values that range into the billions.)
Or should I abandon all hope and either write one myself or look to other technology?
Google O3D is a library for producing 3d-graphics using Javascript. It also has a deprecated plugin, but the newest version uses WebGL.
Check it out here: http://code.google.com/p/o3d/
You'll definitely need to build a small graphing-shell around it, but it shouldn't be hard, especially not if you look closely to the examples provided on the Google-code website.
It uses OpenGL as a backend-technology: rendering lots of polygons, on reasonable hardware, is not a problem at all.

Looking for a Flash/JS-based SVG editor or editing framework [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 8 years ago.
Improve this question
I'm looking for a framework or library to create SVG images. It should run in the browser, so it should be based on Flash or maybe JavaScript. Up to now I found the Flash library by inevo.pt, the SVG editing component of Dojox, and some little JavaScript tools.
Is there anything else, preferrably stable and mature?
Thanks a lot in advance!
-- Andreas
Exporting to svg is a pretty easy step to take.
Draw & Export to svg from FLASH
Example
Have you seen Raphael? http://raphaeljs.com/ This is a JS drawing framework that renders in SVG, Canvas, or VML depending on browser capabilities.
SVG-Edit (demo) is coming along nicely. It's a basic editor which the developers plan to move to a plugin architecture to enable third-party tools. It integrates nicely with the MoinMoin wiki, to allow inline editable diagrams etc.
I think within a year there will be several good open source editors available, using different base JS libraries, now that the ground has been broken by svg-edit
Not really sure why you'd want this. Inkscape is cool but doesn't run in a browser.
I think i have some on http://svg.startpagina.nl
Have you tried Amaya http://www.w3.org/Amaya/

Categories