JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 68
  • Score
    100M100P100Q64428F
  • License EPL-1.0

D3.js and ELK based schematic visualizer

Package Exports

  • d3-hwschematic

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (d3-hwschematic) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

d3-hwschematic

Travis-ci Build Statusnpm versionCoverage StatusDocumentation Status

D3.js and ELK based schematic visualizer.

Use npm install d3-hwschematic --save to install this library and save it to your package.json file.

Features:

  • automatic layout
  • hierarchical components expandable on click
  • net selection on click
  • zoom, drag
  • input is ELK json with hwMeta propoperty which contains name and body text for the component

cdc_pulse_gen

How to use examples

Online

Documentation of hwtLib compoents uses this library to render schemes. (Look for scheme href under component name.)

From this git

  1. download dependencies and build this library
npm install
npm install --only=dev
npm run build
  1. Then you can open examples, but current web browsers does not allow to load files from local disk (because of security). It has multiple solution
  • You can run chrome with --allow-file-access-from-files option
  • (prefered) Or use webserver. One webserver implementation is part of standard python distribution.
# (in root directory of this git)
python3 -m http.server 8888

Now you should be able to view the example application on http://0.0.0.0:8888/examples/example.html?schematic=/examples/schemes/Crc.json. Where part after schematic= is path to json file where schematic is stored.

Similar opensource projects

  • netlistsvg - draws an SVG schematic from a JSON netlist
  • pyVhdl2Sch - Python based VHDL to (pdf) schematic converter
  • verilog-dot - Python, A simple dot file / graph generator for Verilog syntax trees.
  • diagrammer - Scala, Very simple visualizer for chisel3.
  • Spyce - Python, Simple circuit editor, MyHDL output (only prototype)
  • circuitsandbox - Java, Boolean network editor and simulator
  • BreadboardSim - C#, Circuit Simulator with Breadboard UI
  • adaptagrams - C++, Libraries for constraint-based layout and connector routing for diagrams.