{"id":16506164,"url":"https://github.com/keller-mark/vueplotlib","last_synced_at":"2025-10-12T11:51:42.919Z","repository":{"id":65519603,"uuid":"149036825","full_name":"keller-mark/vueplotlib","owner":"keller-mark","description":"Declarative, interactive, linked 📊📈 components","archived":false,"fork":false,"pushed_at":"2020-08-17T10:22:54.000Z","size":6951,"stargazers_count":24,"open_issues_count":11,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-12T00:48:56.711Z","etag":null,"topics":["d3","interactive-visualization","javascript","plots","visualization","vue","vue-components","vuejs"],"latest_commit_sha":null,"homepage":"https://keller-mark.github.io/vueplotlib/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/keller-mark.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-09-16T21:18:55.000Z","updated_at":"2025-01-10T04:13:36.000Z","dependencies_parsed_at":"2023-01-27T02:10:30.806Z","dependency_job_id":null,"html_url":"https://github.com/keller-mark/vueplotlib","commit_stats":null,"previous_names":[],"tags_count":75,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keller-mark%2Fvueplotlib","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keller-mark%2Fvueplotlib/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keller-mark%2Fvueplotlib/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/keller-mark%2Fvueplotlib/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/keller-mark","download_url":"https://codeload.github.com/keller-mark/vueplotlib/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244764944,"owners_count":20506736,"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":["d3","interactive-visualization","javascript","plots","visualization","vue","vue-components","vuejs"],"created_at":"2024-10-11T15:17:37.828Z","updated_at":"2025-10-12T11:51:37.900Z","avatar_url":"https://github.com/keller-mark.png","language":"Vue","funding_links":[],"categories":["Components \u0026 Libraries","UI Components [🔝](#readme)","UI Components"],"sub_categories":["UI Components","Charts"],"readme":"[![Build Status](https://travis-ci.org/keller-mark/vueplotlib.svg?branch=master)](https://travis-ci.org/keller-mark/vueplotlib)\n[![Coverage Status](https://coveralls.io/repos/github/keller-mark/vueplotlib/badge.svg?branch=master)](https://coveralls.io/github/keller-mark/vueplotlib?branch=master)\n[![npm version](https://img.shields.io/npm/v/vueplotlib.svg)](https://www.npmjs.com/package/vueplotlib)\n\n# vueplotlib\n\n\u003cimg src=\"./examples-src/screenshot.png\" alt=\"V\" width=\"300\"/\u003e\n\nThis repository will serve as a place for reusable Vue plot components (built with D3).\nThese components were developed for use in [ExploSig](https://github.com/lrgr/explosig).\n\n- [Demo](https://keller-mark.github.io/vueplotlib/)\n- [Documentation](https://keller-mark.github.io/vueplotlib/docs/)\n\n### Features\n\n- **Declarative**: declare scales, data, and styling options\n- **Interactive**: hover and click events, axis brushing, downloading (to SVG)\n- **Fast**: canvas plots\n- **Linked**: declarative API enables automatic linking of scales across plots\n- **History**: record interactions for forward/backward navigation, import/export (via JSON)\n- **Composable**: axes and legends are separate from plots, mix and match\n- **Customizable**: extend the scale classes (see GenomeScale, BinaryScale). extend the history capabilities.\n\n### Installation\n```bash\nyarn add vueplotlib\n```\n\n### Example Usage\nPlease see the [vueplotlib-examples](https://github.com/keller-mark/vueplotlib-examples) repository for minimal examples of usage.\n\n\n### Plot Components\n- BarPlot :white_check_mark:\n- StackedBarPlot :white_check_mark:\n- ScatterPlot :white_check_mark:\n- TrackPlot :white_check_mark:\n- MultiTrackPlot :white_check_mark:\n- BoxPlot :white_check_mark:\n- MultiBoxPlot :white_check_mark:\n- HierarchicalMultiTrackPlot :white_check_mark:\n\n### Stratified Plot Components\n- StratifiedBoxPlot :white_check_mark:\n- StratifiedScatterPlot :white_check_mark:\n- StratifiedSinaPlot :white_check_mark:\n- StratifiedKaplanMeierPlot :white_check_mark:\n\n#### Genome Plot Components\n- GenomeScatterPlot :white_check_mark:\n- GenomeStackedBarPlot :white_check_mark:\n- GenomeTrackPlot :white_check_mark:\n- GenomeMultiTrackPlot :white_check_mark:\n\n### Axis Components\n- Axis :white_check_mark:\n- GenomeAxis :white_check_mark:\n- DendrogramAxis :white_check_mark:\n\n### Legend Components\n- CategoricalLegend :white_check_mark:\n- ContinuousLegend :white_check_mark:\n\n### Other Components\n- PlotContainer :white_check_mark:\n- SortOptions :white_check_mark:\n\n### Future Plans for Components\n- GenomeBarPlot\n- GroupedBarPlot\n- ViolinPlot\n- SinaPlot\n- BeeswarmPlot\n- JitterPlot\n- HorizontalBarPlot\n- HorizontalStackedBarPlot\n- HorizontalBoxPlot\n- HorizontalMultiBoxPlot\n- LinePlot\n- KaryotypePlot\n- GenomeGenePlot\n\n\n\n### Development\n\nInstall dependencies:\n```bash\nyarn\n```\n\nServe for development at [http://localhost:8080](http://localhost:8080):\n```bash\nyarn run serve\n```\n\nBuild for production (generates `/dist` and `/examples`):\n```bash\nyarn run build\n```\n\nRun tests with [jest](https://jestjs.io/):\n```bash\nyarn run test\n```\n\nCompile documentation with [documentationjs](https://documentation.js.org/):\n```bash\nyarn run docs\n```\n\n\n\u003cbr\u003e\u003cbr\u003e\nThis was inspired by the following projects:\n- https://altair-viz.github.io/\n- https://vega.github.io/vega-lite/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeller-mark%2Fvueplotlib","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkeller-mark%2Fvueplotlib","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkeller-mark%2Fvueplotlib/lists"}