{"id":13773932,"url":"https://github.com/davidthings/hdelk","last_synced_at":"2025-05-11T06:31:46.929Z","repository":{"id":37725766,"uuid":"190492447","full_name":"davidthings/hdelk","owner":"davidthings","description":"Web-based HDL diagramming tool ","archived":false,"fork":false,"pushed_at":"2023-05-01T07:28:11.000Z","size":1619,"stargazers_count":73,"open_issues_count":12,"forks_count":9,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-17T09:38:22.957Z","etag":null,"topics":["browser","diagrams","edges","elkjs","fpga","graphs","hdelk","hdl","javascript","nodes"],"latest_commit_sha":null,"homepage":"https://davidthings.github.io/hdelk/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/davidthings.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":"docs/.github/CONTRIBUTING.md","funding":"docs/.github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"custom":"https://www.paypal.me/mmistakes"}},"created_at":"2019-06-06T01:19:04.000Z","updated_at":"2024-10-21T09:40:12.000Z","dependencies_parsed_at":"2024-01-17T07:09:03.536Z","dependency_job_id":"5ce4112d-4a26-41a4-9ef7-e5874db1462c","html_url":"https://github.com/davidthings/hdelk","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidthings%2Fhdelk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidthings%2Fhdelk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidthings%2Fhdelk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidthings%2Fhdelk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davidthings","download_url":"https://codeload.github.com/davidthings/hdelk/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253528362,"owners_count":21922623,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser","diagrams","edges","elkjs","fpga","graphs","hdelk","hdl","javascript","nodes"],"created_at":"2024-08-03T17:01:22.060Z","updated_at":"2025-05-11T06:31:46.422Z","avatar_url":"https://github.com/davidthings.png","language":"JavaScript","funding_links":["https://www.paypal.me/mmistakes"],"categories":["Documentation"],"sub_categories":[],"readme":"\n![](images/banner.png)\n\n# HDElk\n\nHDElk is a web-based HDL diagramming tool. It was designed to permit the easy visual representation of Verilog or VHDL (generically HDL’s, Hardware Description Languages) in web pages by creation of simple javascript specification objects.\n\nThe HDElk [website](https://davidthings.github.io/hdelk/) has an Overview, Installation Instructions and a Tutorial\n\n## Simple Example\n\nHere's a simple diagram\n\n![](images/simple_diagram.svg)\n\n\nAnd here's the code that would generate it on a web page\n\n``` HTML\n\u003cscript src=\"/js/elk.bundled.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"/js/svg.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"/js/hdelk.js\"\u003e\u003c/script\u003e\n\n\u003cscript type=\"text/javascript\"\u003e\n\n    var simple_graph = {\n        id: \"\",\n        children: [\n            { id: \"in\", port: 1 },\n            { id: \"one\", ports: [\"in\", \"out\"] },\n            { id: \"two\", highlight:1, ports: [\"in\", \"out\"] },\n            { id: \"three\", ports: [\"in\", \"out\"] },\n            { id: \"out\", port: 1 }\n        ],\n        edges: [\n            [\"in\",\"one.in\"],\n            {route:[\"one.out\",\"two.in\"],highlight:1},\n            {route:[\"two.out\",\"three.in\"],highlight:1,bus:1},\n            {route:[\"three.out\",\"out\"], bus:1 }\n        ]\n    }\n\n    hdelk.layout( simple_graph, \"simple_diagram\" );\n\u003c/script\u003e\n\n\u003cdiv id=\"simple_diagram\"\u003e\u003c/div\u003e\n```\n\n## Use\n\nGrab the three js files.\n\nInsert the above into an HTML file.\n\nBrowse to it.\n\nSee the [example.html](example.html) file","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidthings%2Fhdelk","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavidthings%2Fhdelk","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidthings%2Fhdelk/lists"}