Skip to content

luchkonikita/nano-charts

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

24 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Nano charts ๐Ÿ“Š

npm version semantic-release

A zero-dependency goodness for visualizing your data. Currently only implements the Line Chart.

Why another charts library? ๐Ÿค”

  • No external dependencies.
  • No complicated features with complicated APIs.
  • Focus on usage simplicity and small bundle size.

Example ๐Ÿ’ก

The next will provide you with a working chart:

import Chart from 'nano-charts'

new Chart(document.getElementById('chart'), {
  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
  samples: {
    Apples: [10, 50, 80, 40, 20, 0, 50, 60, 50, 20, 30, 10],
    Oranges: [0, 70, 85, 30, 20, 30, 70, 30, 30, 25, 25, 30]
  },
  options: {
    Apples: {
      color: '#f44336'
    },
    Oranges: {
      color: '#673ab7'
    }
  }
})

TODO

  • (Feature) Generate colors automatically. Think if this is needed, though.
  • (Chore) Write missing tests.
  • (Refactoring) See how this can be minimized more.
  • (Chore) Write a proper README.md. Provide some measurements.
  • (Feature) Render the legend.
  • (Feature) Animations.