{"repo":"Adyen/lume","free":true,"listed":false,"github":"https://github.com/Adyen/lume","clone":"git clone https://github.com/Adyen/lume.git","description":"Lume is a component library for visual representations of data, built for Vue with D3.","language":"TypeScript","stars":57,"topics":["d3","d3js","data-visualization","vue","vuejs","lume","alluvial","charts","sankey-diagram"],"license":"MIT","category":"ui-components","readme_excerpt":"Lume Lume is a combination of a set of design guidelines for creating data visualizations that tell stories, and a component library that implements them, built for Vue applications. Note: Lume ships two packages - one that is compatible with Vue 2.7, and another, with Vue 3. The second is published as @adyen/lume-vue3 . Our examples import the Vue 2.7-compatible version, but if you're using Vue 3, just update the import name. Design guidelines (Website) - About - Getting started - Development - Contacts About What's different about Lume 🧑‍🎨 Backed by strong data visualization design principles, guidelines and patterns 🖼️ Leverages Vue for SVG rendering and reactivity 📦 Available for both Vue 2.7 and 3 Stack Dependencies - D3.js for calculations - Vue for rendering - Popper.js for tooltip functionality Dev stack - pnpm for package management - Vite and Webpack for bundling - Sass for complex/reusable styling - TypeScript for type checking - TypeScript ESLint for linting (with the help of eslint-plugin-vue) - Storybook for developing/showcasing components - Vitest for unit testing Getting started Installation To install Lume, run the following command: Vue 2.7+ Vue 3 Components You can import Lume components to your Vue app: Plugin You can also import Lume as a Vue plugin that you install in your global Vue setup: Styles For Lume to render as intended, you also need to import its styles. CSS (global) Sass (global) CSS (SFC) Sass (SFC) Sass (with overrides) Development You ","default_branch":null,"files":null,"tree":[],"storefront":"/r/Adyen","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Adyen/lume/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}