{"id":18496792,"url":"https://github.com/riclolsen/scadavis","last_synced_at":"2025-04-08T23:34:39.964Z","repository":{"id":109582338,"uuid":"565257874","full_name":"riclolsen/scadavis","owner":"riclolsen","description":"HTML5 Synoptic Graphics Toolkit. SCADA-like realtime visualization tools for the web.","archived":false,"fork":false,"pushed_at":"2023-11-24T12:24:04.000Z","size":1827,"stargazers_count":10,"open_issues_count":3,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-18T07:41:39.027Z","etag":null,"topics":["html5","library","scada","svg"],"latest_commit_sha":null,"homepage":"https://scadavis.io","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/riclolsen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null},"funding":{"github":["riclolsen"]}},"created_at":"2022-11-12T20:31:48.000Z","updated_at":"2024-04-23T13:09:03.000Z","dependencies_parsed_at":"2023-11-24T13:43:12.553Z","dependency_job_id":null,"html_url":"https://github.com/riclolsen/scadavis","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/riclolsen%2Fscadavis","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riclolsen%2Fscadavis/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riclolsen%2Fscadavis/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riclolsen%2Fscadavis/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/riclolsen","download_url":"https://codeload.github.com/riclolsen/scadavis/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223346793,"owners_count":17130503,"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":["html5","library","scada","svg"],"created_at":"2024-11-06T13:31:48.834Z","updated_at":"2024-11-06T13:32:51.285Z","avatar_url":"https://github.com/riclolsen.png","language":"JavaScript","funding_links":["https://github.com/sponsors/riclolsen"],"categories":[],"sub_categories":[],"readme":"\u003ca href=\"https://scadavis.io/\"\u003e\r\n    \u003cimg src=\"https://github.com/riclolsen/scadavis/raw/master/src/images/scadavis.svg\" alt=\"SCADAvis.io Logo\" title=\"SCADAvis.io\" align=\"right\" height=\"60\" /\u003e\r\n\u003c/a\u003e\r\n\r\n[SCADAvis.io](https://scadavis.io/)\r\n============\r\n\r\nHTML5 Synoptic Graphics Toolkit. SCADA-like realtime visualization tools for the web.\r\n\r\n![](https://img.shields.io/badge/license-GPL-green \"License GPL\")\r\n\r\n## Mission Statement\r\n\r\nTo provide a powerful toolkit for the producing of SCADA-like SVG displays for modern web browser platforms.\r\n\r\n## Major features\r\n\r\n* Pure HTML5/Javascript/SVG runtime.\r\n* Use a custom Inkscape SVG Editor to create displays.\r\n* Link tagged realtime data to SVG animations at runtime.\r\n* Mobile friendly, framework agnostic.\r\n* No special server requirements needed.\r\n\r\n## Example Javascript code\r\n\r\n    scadavis({\r\n        container: \"div1\",\r\n        iframeparams: 'frameborder=\"0\" height=\"490\" width=\"555\"',\r\n        svgurl: \"https://raw.githubusercontent.com/riclolsen/displayfiles/master/office.svg\"\r\n    }).then( function (sv) {\r\n        setInterval(function () {\r\n            sv.storeValue(\"TAG1\", Math.random() * 100);\r\n            sv.storeValue(\"TAG2\", 100 + Math.random() * 80);\r\n            sv.storeValue(\"TAG3\", 120 + Math.random() * 60);\r\n            sv.storeValue(\"TAG4\", 150 + Math.random() * 60);\r\n            sv.storeValue(\"TAG5\", 110 + Math.random() * 30);\r\n            sv.storeValue(\"TAG6\", 200 + Math.random() * 100);\r\n            sv.storeValue(\"TAG7\", 130 + Math.random() * 40);\r\n            sv.updateValues();\r\n        }, 2500);\r\n        sv.zoomTo(0.65);  \r\n    })\r\n\r\n## Substation Simulation Example\r\n\r\nhttps://codepen.io/ricardolo/pen/MWXmPpB\r\n\r\n\r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friclolsen%2Fscadavis","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Friclolsen%2Fscadavis","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friclolsen%2Fscadavis/lists"}