🦜 Sparrow

Sparrow is still working in progress and will coming soon.

Sparrow is a tiny plot library based on the grammar of graphics for learning purpose. It aims at helping people to better understand visualization and making it easier for them to choose the the suitable visualization library for their analysis task.

📎 Links

• Tutorials in Chinese

✨ Features

The name sparrow comes from an old Chinese proverb: "Though sparrow is small, but it has all organs". As its name, Sparrow has the following features:

• Small: The code is around 1000 lines in total.
• Simple: The source code is easy to understand.
• Complete: It has the core features of a plot library.

📦 Installation

$ npm i @sparrow-vis/sparrow

🔨 Get Started

import * as sp from "@sparrow-vis/sparrow";

const data = [
  { name: "questions", value: 17 },
  { name: "schools", value: 25 },
  { name: "philosophers", value: 35 },
];

const chart = sp
  .interval()
  .data(data)
  .encode(
    sp.x("name"), 
    sp.y("value"), 
    sp.color("name")
  )
  .plot();

document.getElementById("container").appendChild(chart);

📄 License

MIT