{"id":20012798,"url":"https://github.com/hijiangtao/ss-vis-component","last_synced_at":"2025-07-05T03:09:55.009Z","repository":{"id":36717984,"uuid":"41024551","full_name":"hijiangtao/ss-vis-component","owner":"hijiangtao","description":"VIS components for a security system, to monitor the state and confirm the system's health running.","archived":false,"fork":false,"pushed_at":"2017-06-30T15:59:48.000Z","size":2662,"stargazers_count":91,"open_issues_count":1,"forks_count":44,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-05-04T21:35:38.306Z","etag":null,"topics":["chart","d3js","data-visualization","monitor","vis-components"],"latest_commit_sha":null,"homepage":"https://hijiangtao.github.io/ss-vis-component/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/hijiangtao.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-08-19T09:14:54.000Z","updated_at":"2025-02-13T12:22:54.000Z","dependencies_parsed_at":"2022-08-24T21:51:27.139Z","dependency_job_id":null,"html_url":"https://github.com/hijiangtao/ss-vis-component","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hijiangtao/ss-vis-component","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hijiangtao%2Fss-vis-component","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hijiangtao%2Fss-vis-component/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hijiangtao%2Fss-vis-component/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hijiangtao%2Fss-vis-component/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hijiangtao","download_url":"https://codeload.github.com/hijiangtao/ss-vis-component/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hijiangtao%2Fss-vis-component/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263674489,"owners_count":23494584,"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":["chart","d3js","data-visualization","monitor","vis-components"],"created_at":"2024-11-13T07:33:20.809Z","updated_at":"2025-07-05T03:09:54.936Z","avatar_url":"https://github.com/hijiangtao.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ss-vis-component\nVIS components for a security system, to monitor the state and confirm the system's health running. All codes were wrote based on `D3.js version 3.x`.\n\n## Introduction\n\nThis is a demo project of my work about how to visualize charts with pure d3. Current pages are loaded from one js file `integrateIndex.js`, all initialize, update and fake data generating methods are included. \n\nEach type of chart include `generate` and `redraw` methods, all 11 types of charts are defined in `methods` of Vue defining part. I will extract them out and then explain them briefly if someone are interested in this work.\n \n## Component Methods\n\n### Sensor Memory Monitor (Single Area Chart)\n\nFor example, you can find the function below in the file can use it to create a new instance.\n\n```\nfunction displayMem()\n```\n\nFor complete usage of all kinds of charts, please see the complete [Docs](./DOC.md).\n\n## DEMO\n\nHere are some pictures of the running cases, includes both visualization cards, charts and customized monitor map. See more examples at [here](https://hijiangtao.github.io/ss-vis-component/).\n\n![DEMO 1](/assets/SSComponent-Intro-1.png 'DEMO 1')\n\n![DEMO 2](/assets/SSComponent-Intro-2.png 'DEMO 2')\n\n![DEMO 3](/assets/SSComponent-Intro-3.png 'DEMO 3')\n\n## Remaining BUGS\n\nWhen some extra dots in charts (line chart / area chart) are removed from the svg, the tooltips of remaining dots seems to point false info in its secondary dot (Two dots will exist in one x-axis, such as the write and read dots in charts. For the development of showing different dots' tooltip, we call one dot is chief one while another's secondary). I found it is the updating codes' running order in d3 that causes the problem. Since I am now busy with other thing, I will not fix the display bugs in time, but it's welcomed for you to report the fixing methods.\n\n## Contribute\n\nWelcome to open issues and tell me your wonderful ideas. \n\n## LICENSE\n\nMIT\n\nJoe Jiang\n\n2017.2\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhijiangtao%2Fss-vis-component","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhijiangtao%2Fss-vis-component","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhijiangtao%2Fss-vis-component/lists"}