{"id":15629770,"url":"https://github.com/qingwei-li/laue","last_synced_at":"2025-04-04T19:11:54.718Z","repository":{"id":31263730,"uuid":"127397261","full_name":"QingWei-Li/laue","owner":"QingWei-Li","description":"🖖📈 Modern charts for Vue 2.0","archived":false,"fork":false,"pushed_at":"2023-01-06T12:34:07.000Z","size":2101,"stargazers_count":263,"open_issues_count":25,"forks_count":34,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-10-29T21:59:03.441Z","etag":null,"topics":["area","bar","chart","charts","line","pie","svg","vue","vuejs"],"latest_commit_sha":null,"homepage":"https://laue.js.org","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/QingWei-Li.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2018-03-30T07:35:20.000Z","updated_at":"2024-09-28T22:01:47.000Z","dependencies_parsed_at":"2023-01-14T18:40:31.695Z","dependency_job_id":null,"html_url":"https://github.com/QingWei-Li/laue","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QingWei-Li%2Flaue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QingWei-Li%2Flaue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QingWei-Li%2Flaue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QingWei-Li%2Flaue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/QingWei-Li","download_url":"https://codeload.github.com/QingWei-Li/laue/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247234923,"owners_count":20905854,"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":["area","bar","chart","charts","line","pie","svg","vue","vuejs"],"created_at":"2024-10-03T10:28:42.487Z","updated_at":"2025-04-04T19:11:54.697Z","avatar_url":"https://github.com/QingWei-Li.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=center\u003e\n\u003cimg src=\"logo/512px.svg\" width=25%\u003e\n\u003c/h1\u003e\n\n# Laue\n\n[![Build Status](https://img.shields.io/travis/QingWei-Li/laue.svg?style=flat-square)](https://travis-ci.org/QingWei-Li/laue)\n[![Coverage Status](https://img.shields.io/coveralls/QingWei-Li/laue.svg?style=flat-square)](https://coveralls.io/github/QingWei-Li/laue?branch=master)\n[![npm](https://img.shields.io/npm/v/laue.svg?style=flat-square)](https://www.npmjs.com/package/laue)\n![](http://img.badgesize.io/https://unpkg.com/laue?compression=gzip\u0026label=gzip%20size\u0026style=flat-square)\n\n\u003e 🖖📈 Modern charts for Vue.js\n\nDocumentation: https://laue.js.org\n\n## Features\n\n* It depends on several small submodules in [D3](//d3js.org), so it's very **reliable** and **lightweight**.\n* The implementation for Vue.js, so it is **composable** and **supports SSR**.\n\n## Installation\n\n```shell\nnpm i laue\n```\n\n## Usage\n\n```javascript\nimport Vue from 'vue';\nimport { Laue } from 'laue';\n\nVue.use(Laue);\n\n// On demand\nimport { Cartesian, Line } from 'laue';\n\nVue.component(Cartesian.name, Cartesian);\nVue.component(Line.name, Line);\n```\n\n## Demo\n\nA dead simple [example](https://codepen.io/QingWei-Li/pen/EpOvNN)\n\n```html\n\u003cdiv id=\"app\"\u003e\n    \u003cla-cartesian :width=\"300\" :height=\"150\" :data=\"values\"\u003e\n        \u003cla-line prop=\"pv\"\u003e\u003c/la-line\u003e\n        \u003cla-y-axis\u003e\u003c/la-y-axis\u003e\n        \u003cla-x-axis prop=\"name\"\u003e\u003c/la-x-axis\u003e\n        \u003cla-tooltip\u003e\u003c/la-tooltip\u003e\n  \u003c/la-cartesian\u003e\n\u003c/div\u003e\n\n\u003cscript src=\"//unpkg.com/vue\"\u003e\u003c/script\u003e\n\u003cscript src=\"//unpkg.com/laue\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n    new Vue({\n        el: '#app',\n        data: () =\u003e ({\n            values: [\n                { name: 'Page A', pv: 2000 },\n                { name: 'Page B', pv: 3000 },\n                { name: 'Page C', pv: 1200 }\n            ]\n        })\n    })\n\u003c/script\u003e\n```\n\n## Inspired\n\n* [Recharts](https://github.com/recharts/recharts)\n* [Frappe Charts](https://github.com/frappe/charts)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqingwei-li%2Flaue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqingwei-li%2Flaue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqingwei-li%2Flaue/lists"}