A Web based opensource eletronics schematic and PCB designing application.
The eletronic parts or schematic symbols are visualized using svg elements such as rect, path, line, circle etc,. The symbols are drawn on to the DOM using snapSVG library.
Demo:
http://online-eda.surge.sh/home.html
Technologies used:
- HTML5
- JavaScript
- SnapSVG (http://snapsvg.io/)
- SVG
- CSS
Files:
- parts.js --- Contains the parts' object definition
- editors.js --- Contains utility functions to add the parts, move, rotate, remove and other user interactions with parts and shcematic
- eda.css --- An external CSS styling file
Running and testing the project:
- Download the project source code from https://github.com/arunkumar413/Online-EDA.git
- Unzip/extract the the contents of the dowloaded zip file.
- cd to the project directory containing the files: home.html,parts.js.editor.js etc,.
- If you're using python 3.x version on your machine execute this code:
python -m http.server - If Python version is 2.X run:
python -m SimpleHTTPServer - Visit http://localhost:8000/home.html to access the application.
- By default, this will run the contents of the directory on a local web server, on port 8000.
- For more info on running a simple http server vist https://developer.mozilla.org/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server
Note: If you already have something running on port 8000, you can choose another port by running the server command followed by an alternative port number, e.g. python -m http.server 7800 (Python 3.x) or python -m SimpleHTTPServer 7800 (Python 2.x).
You can then access your content at localhost:7800.
Contributing to the project:
Contributions to the project are always welcome. You can join the gitter channel at https://gitter.im/Online-EDA/Development and start disucssing about the project, code, help and other stuff. Also you can raise an the issue on the github repo.