mhkeller / Layercake
graphics framework for sveltejs
Stars: ✭ 329
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Layercake
datalith
Simple, batteries included, components to build beautiful data visualizations
Stars: ✭ 29 (-91.19%)
Mutual labels: charts, dataviz
awesome-tools
Open-source list of awesome data visualization tools (e.g., charting libraries) for software developers 📊📈
Stars: ✭ 47 (-85.71%)
Mutual labels: charts, dataviz
dash-lollapalooza-brasil-2018
🎟Using Plotly to visualize data from Lollapalooza
Stars: ✭ 23 (-93.01%)
Mutual labels: charts, dataviz
G2plot
🍡 An interactive and responsive charting library
Stars: ✭ 2,072 (+529.79%)
Mutual labels: graphics, charts
proteic
Streaming and static data visualization for the modern web.
Stars: ✭ 37 (-88.75%)
Mutual labels: charts, dataviz
Matplotplusplus
Matplot++: A C++ Graphics Library for Data Visualization 📊🗾
Stars: ✭ 2,433 (+639.51%)
Mutual labels: graphics, charts
angular-fusioncharts
Angular Component for FusionCharts JavaScript Charting Library
Stars: ✭ 53 (-83.89%)
Mutual labels: charts, dataviz
Aachartcore
📈📊☕️☕️☕️An elegant modern declarative data visualization chart framework for Android. Extremely powerful, supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerange, columnrange, bubble, box plot, error bars, funnel, waterfall and polar chart types.极其精美而又强大的 Android 数据可视化图表框架,支持柱状图、条形图、折线图、曲线图、折线填充图、曲线填充图、气泡图、扇形图、环形图、散点图、雷达图、混合图等各种类型的多达几十种的信息图图表,完全满足工作所需.
Stars: ✭ 424 (+28.88%)
Mutual labels: graphics, charts
hotmap
WebGL Heatmap Viewer for Big Data and Bioinformatics
Stars: ✭ 13 (-96.05%)
Mutual labels: charts, dataviz
G2
📊 A highly interactive data-driven visualization grammar for statistical charts.
Stars: ✭ 11,020 (+3249.54%)
Mutual labels: graphics, charts
Carbon Charts
📊 📈⠀Robust dataviz framework implemented using D3 & typescript
Stars: ✭ 287 (-12.77%)
Mutual labels: dataviz, charts
Microcharts
This project is just simple drawing on top of the awesome SkiaSharp library. The purpose is not to have an heavily customizable charting library. If you want so, simply fork the code, since all of this is fairly simple. Their is no interaction, nor animation at the moment.
Stars: ✭ 1,653 (+402.43%)
Mutual labels: graphics, charts
FlowViz
A Power BI template that provides easy to understand, actionable flow metrics and predictive analytics for your agile teams using Azure DevOps, Azure DevOps Server and/or TFS.
Stars: ✭ 150 (-54.41%)
Mutual labels: charts, dataviz
Unity Ugui Xcharts
A charting and data visualization library for Unity. 一款基于UGUI的数据可视化图表插件。
Stars: ✭ 1,086 (+230.09%)
Mutual labels: graphics, charts
o-fish-web
Web application for the Officer's Fishery Information Sharing Hub (O-FISH). The web app allows agencies to gain insights from the aggregated information gathered during a routine vessel inspection (submitted via the web app).
Stars: ✭ 29 (-91.19%)
Mutual labels: charts, dataviz
Nivo
nivo provides a rich set of dataviz components, built on top of the awesome d3 and React libraries
Stars: ✭ 9,550 (+2802.74%)
Mutual labels: dataviz, charts
Keen Dataviz.js
Data Visualization Charting Library
Stars: ✭ 215 (-34.65%)
Mutual labels: dataviz, charts
reusable-d3-charts
Reusable charts built with D3. Built on Web standards, fully customisable.
Stars: ✭ 33 (-89.97%)
Mutual labels: charts, dataviz
fusioncharts-dist
FusionCharts JavaScript Charting library. Over 95+ charts and 1,400+ maps to choose from, with integrations available for all popular JavaScript frameworks & back-end programming languages.
Stars: ✭ 65 (-80.24%)
Mutual labels: charts, dataviz
Layer Cake 
a framework for mostly-reusable graphics with svelte
🍰 See examples 🍰 Read the guide 🍰 API docs 🍰 Starter template 🍰
Install
Layer Cake lives in your devDependencies alongside Svelte, which it lists as a peerDependency.
npm install --save-dev layercake
Example
<script>
import { LayerCake, Svg, Html, Canvas } from 'layercake';
import AxisX from './components/AxisX.svelte';
import AxisY from './components/AxisY.svelte';
import Line from './components/Line.svelte';
import Scatter from './components/Scatter.svelte';
import Labels from './components/Labels.svelte';
const data = [{ x: 0, y: 1 }, { x: 1, y: 2 }];
</script>
<style>
/* Set dimensions on the parent.
The <LayerCake> component will expand to fill it.
*/
.chart-container {
width: 100%;
height: 500px;
}
</style>
<div class="chart-container">
<LayerCake
x='x'
y='y'
{data}
>
<Svg>
<AxisX/>
<AxisY/>
<Line color='#f0c'/>
</Svg>
<Canvas>
<Scatter color='#0fc'/>
</Canvas>
<Html>
<Labels/>
</Html>
</LayerCake>
</div>
License
MIT
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].