All Projects → Saigesp → vue-d3-charts

Saigesp / vue-d3-charts

Licence: LGPL-2.1 License
D3 charts for Vue

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language
SCSS
7915 projects
HTML
75241 projects

Projects that are alternatives of or similar to vue-d3-charts

FineChart-Saiku
d3.js visualize data for saiku-ui
Stars: ✭ 17 (-74.24%)
Mutual labels:  d3, charts
datalith
Simple, batteries included, components to build beautiful data visualizations
Stars: ✭ 29 (-56.06%)
Mutual labels:  d3, charts
MLLineChart
A simple Line Chart Lib
Stars: ✭ 28 (-57.58%)
Mutual labels:  charts, chart-library
Keen Dataviz.js
Data Visualization Charting Library
Stars: ✭ 215 (+225.76%)
Mutual labels:  d3, charts
reusable-d3-charts
Reusable charts built with D3. Built on Web standards, fully customisable.
Stars: ✭ 33 (-50%)
Mutual labels:  d3, charts
Reaviz
📊 Data visualization library for React based on D3
Stars: ✭ 215 (+225.76%)
Mutual labels:  d3, charts
d3-in-angular
How to build reactive charts in Angular 8 using D3
Stars: ✭ 47 (-28.79%)
Mutual labels:  d3, charts
Victory Native
victory components for react native
Stars: ✭ 2,013 (+2950%)
Mutual labels:  d3, charts
svg-time-series
SVG time-series charting library
Stars: ✭ 18 (-72.73%)
Mutual labels:  d3, charts
HCLineChartView
HCLineChartView is a beautiful iOS library for drawing line charts. It is highly customizable and easy to use.
Stars: ✭ 22 (-66.67%)
Mutual labels:  charts, chart-library
React Financial Charts
Charts dedicated to finance.
Stars: ✭ 201 (+204.55%)
Mutual labels:  d3, charts
proteic
Streaming and static data visualization for the modern web.
Stars: ✭ 37 (-43.94%)
Mutual labels:  d3, charts
Plotly.js
Open-source JavaScript charting library behind Plotly and Dash
Stars: ✭ 14,268 (+21518.18%)
Mutual labels:  d3, charts
d3-force-graph
Force-directed graph using D3-force and WebGL, support massive data rendering and custom style.
Stars: ✭ 74 (+12.12%)
Mutual labels:  d3, d3-charts
React Native Svg Charts
📈 One library to rule all charts for React Native 📊
Stars: ✭ 2,056 (+3015.15%)
Mutual labels:  d3, charts
dashblocks-template
Dashblocks Vue Material Admin Template
Stars: ✭ 143 (+116.67%)
Mutual labels:  d3, charts
Victory
A collection of composable React components for building interactive data visualizations
Stars: ✭ 9,248 (+13912.12%)
Mutual labels:  d3, charts
React D3 Components
D3 Components for React
Stars: ✭ 1,599 (+2322.73%)
Mutual labels:  d3, charts
react-financial-charts
Charts dedicated to finance.
Stars: ✭ 819 (+1140.91%)
Mutual labels:  d3, charts
silky-charts
A silky smooth D3/React library
Stars: ✭ 38 (-42.42%)
Mutual labels:  d3, charts

vue-d3-charts

The development of this library is frozen for now. When I have more time I will continue its development. Any contribution is welcome

Simply yet configurable charts build with D3.

See documentation and demo page.

Install

npm i vue-d3-charts --save

Usage

Import:

import { D3BarChart } from 'vue-d3-charts';

Template:

<D3BarChart :config="config" :datum="data"></D3BarChart>

Configuration and data:

// data
data = [{
  name: "Lorem",
  total: 30
},{
  name: "Ipsum",
  total: 21
},{
  name: "Dolor",
  total: 20
}]

// Configuration
config = {
  key: "name",
  value: "total",
  color: "steelblue",
}

Contributing

See contribution guide.

License

This repository is available under GNU LESSER GENERAL PUBLIC LICENSE v2.1 (LGPL). See details.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].