GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → aaronshaf → Shaf Chart

aaronshaf / Shaf Chart

Licence: mit
Custom element that upgrades table to a chart

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

chartcustom-elements

Projects that are alternatives of or similar to Shaf Chart

Timesheet.js
JavaScript library for HTML5 & CSS3 time sheets
Stars: ✭ 6,881 (+15191.11%)
Mutual labels:  chart
Vue World Map
A Vue JS component for displaying dynamic data on a world map.
Stars: ✭ 33 (-26.67%)
Mutual labels:  chart
Caroline
A simple Cairo Chart Library for GTK and Vala
Stars: ✭ 41 (-8.89%)
Mutual labels:  chart
Kschart
k线图/kline/kchart，已经集成MA/EMA/MACD/KDJ/BOLL/RSI/WR/AVG等指标，新增指标及其方便。适用于股票/区块链交易所等种类App。Swift5编写，CPU/内存占用率极低，60FPS稳定运行。示例集成websocket，并接入币安数据（需VPN）。
Stars: ✭ 909 (+1920%)
Mutual labels:  chart
Swiftchart
Line and area chart library for iOS
Stars: ✭ 950 (+2011.11%)
Mutual labels:  chart
D3 In Motion
Code examples and references for the course "D3.js in Motion"
Stars: ✭ 37 (-17.78%)
Mutual labels:  chart
Ilg
because the world needs another iOS chart library.
Stars: ✭ 13 (-71.11%)
Mutual labels:  chart
Go Chartjs
golang library to make https://chartjs.org/ plots (this is vanilla #golang, not gopherjs)
Stars: ✭ 42 (-6.67%)
Mutual labels:  chart
Pomerium Helm
Official helm charts for Pomerium.
Stars: ✭ 32 (-28.89%)
Mutual labels:  chart
Echarts For Vue
📊📈 ECharts wrapper component for Vue 3 and 2
Stars: ✭ 42 (-6.67%)
Mutual labels:  chart
Teechart Firemonkey Samples
Sample programs showing how to use TeeChart for FireMonkey
Stars: ✭ 21 (-53.33%)
Mutual labels:  chart
Catchart
Pipe something from command line to a chart in the browser
Stars: ✭ 27 (-40%)
Mutual labels:  chart
Dom99
Extend html with directives
Stars: ✭ 37 (-17.78%)
Mutual labels:  custom-elements
Vue Echarts V3
Vue.js(v2.x+) component wrap for ECharts.js(v3.x+)
Stars: ✭ 884 (+1864.44%)
Mutual labels:  chart
React Vis
Data Visualization Components
Stars: ✭ 8,091 (+17880%)
Mutual labels:  chart
Samples Viewer Generator
🎉 A CLI utility tool to generate web app of data visualization samples for presentation purpose
Stars: ✭ 13 (-71.11%)
Mutual labels:  chart
Luckysheet
Luckysheet is an online spreadsheet like excel that is powerful, simple to configure, and completely open source.
Stars: ✭ 9,772 (+21615.56%)
Mutual labels:  chart
Django Rest Pandas
📊📈 Serves up Pandas dataframes via the Django REST Framework for use in client-side (i.e. d3.js) visualizations and offline analysis (e.g. Excel)
Stars: ✭ 1,030 (+2188.89%)
Mutual labels:  chart
Barchart Master
自动伸缩的chart
Stars: ✭ 42 (-6.67%)
Mutual labels:  chart
Scale
Angular plugin for creating charts
Stars: ✭ 39 (-13.33%)
Mutual labels:  chart
View All Similar Projects ➔

Installation

<!-- Custom Elements v1 polyfill -->
<script src="https://unpkg.com/@webcomponents/[email protected]"></script>

<script src="https://unpkg.com/[email protected]/dist/Chart.min.js"></script>
<script src="https://unpkg.com/[email protected]/index.js"></script>

Basic usage

<shaf-chart>
  <table>
    <thead>
      <tr>
        <th>Date</th>
        <th>Unique visitors</th>
        <th>Pageviews</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>2016-11-18</th>
        <td>31</td>
        <td>51</td>
      </tr>
      <tr>
        <th>2016-11-19</th>
        <td>34</td>
        <td>76</td>
      </tr>
    </tbody>
  </table>
</shaf-chart>

Roadmap

  • Inherit width/height from element attributes
  • show-table attribute

See also

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].