{"id":48445081,"url":"https://github.com/iniceice88/oxyplot-js","last_synced_at":"2026-04-06T17:30:28.231Z","repository":{"id":213864832,"uuid":"735123874","full_name":"iniceice88/oxyplot-js","owner":"iniceice88","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-07T17:13:49.000Z","size":13770,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-03-08T07:41:36.063Z","etag":null,"topics":["chat","oxyplot","oxyplot-js","oxyplot-typescript","plotting","typescript"],"latest_commit_sha":null,"homepage":"https://iniceice88.github.io/oxyplot-js/","language":"TypeScript","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/iniceice88.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-12-23T18:43:13.000Z","updated_at":"2025-06-20T10:12:05.000Z","dependencies_parsed_at":"2024-05-09T15:40:41.486Z","dependency_job_id":"f4085a6c-88ec-4784-846a-d66b57c47964","html_url":"https://github.com/iniceice88/oxyplot-js","commit_stats":null,"previous_names":["iniceice88/oxyplot-js"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/iniceice88/oxyplot-js","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iniceice88%2Foxyplot-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iniceice88%2Foxyplot-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iniceice88%2Foxyplot-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iniceice88%2Foxyplot-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iniceice88","download_url":"https://codeload.github.com/iniceice88/oxyplot-js/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iniceice88%2Foxyplot-js/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31483281,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-06T17:22:55.647Z","status":"ssl_error","status_checked_at":"2026-04-06T17:22:54.741Z","response_time":112,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["chat","oxyplot","oxyplot-js","oxyplot-typescript","plotting","typescript"],"created_at":"2026-04-06T17:30:25.340Z","updated_at":"2026-04-06T17:30:28.223Z","avatar_url":"https://github.com/iniceice88.png","language":"TypeScript","readme":"[OxyPlot](https://github.com/oxyplot/oxyplot) is a cross-platform plotting library for .NET\r\n\r\n\r\nThis repo has completely translated OxyPlot.Net into TypeScript, as well as almost all examples!\r\nNow you can use OxyPlot in web browsers and Node.js environments.\r\n\r\n## Get Started\r\n\r\n[Live Demo](https://iniceice88.github.io/oxyplot-js/)\r\n\r\n[ExampleBrowser](https://stackblitz.com/edit/oxyplot-js-play-asx72fo)\r\n\r\n[Playground](https://codesandbox.io/p/devbox/oxyplot-js-lqg5ld?file=%2Fsrc%2FApp.vue%3A25%2C54)\r\n\r\n### Install\r\n\r\n```bash\r\nnpm install oxyplot-js\r\nnpm install oxyplot-js-renderers\r\n# for pdf renderer:\r\n# npm install oxyplot-js-renderers-pdf\r\n```\r\n\r\n### How to use\r\n\r\n```html\r\n\u003ccanvas\r\n  id=\"canvasPlotView\"\r\n  style=\"width: 800px; height: 600px\"\r\n/\u003e\r\n````\r\n\r\n```ts\r\nimport { CanvasPlotView } from 'oxyplot-js-renderers'\r\nimport { LineJoin, LineSeries, newDataPoint, OxyColors, PlotModel, RectangleAnnotation } from 'oxyplot-js'\r\n\r\nconst canvas = document.getElementById('canvasPlotView')! as HTMLCanvasElement\r\nconst plotView = new CanvasPlotView(canvas)\r\n\r\nconst model: PlotModel = new PlotModel({ title: 'LineSeries' })\r\n\r\nconst ls = new LineSeries({\r\n  color: OxyColors.Black,\r\n  strokeThickness: 6.0,\r\n  lineJoin: LineJoin.Round,\r\n})\r\nls.points.push(newDataPoint(0, 0))\r\nls.points.push(newDataPoint(100, 100))\r\nmodel.series.push(ls)\r\n\r\nmodel.annotations.push(\r\n  new RectangleAnnotation({\r\n    minimumX: 40,\r\n    maximumX: 60,\r\n    textRotation: 90,\r\n    text: 'Orange',\r\n    fill: '#FFAC1C',\r\n    toolTip: 'Orange RectangleAnnotation',\r\n  }),\r\n)\r\n\r\nplotView.model = model\r\n```\r\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finiceice88%2Foxyplot-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Finiceice88%2Foxyplot-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Finiceice88%2Foxyplot-js/lists"}