Giter VIP home page Giter VIP logo

polychart2's Introduction

Polychart2.js

Polychart2.js is an easy-to-use yet powerful JavaScript graphing library. It takes many ideas from the Grammar of Graphics and the R library ggplot2, and adds interactive elements to take full advantage of the web.

Key Features

Static Charts

Charts are defined in Polychart2 by providing a combinations of

  • one or more layers, defining the "mark" or "chart type" to be used
  • one or more aesthetic mappings, defining which data columns will map to which visible features like position or color (these are known as aesthetics)
  • scales, definining how data columns will map to aesthetics (e.g. linear or log scale? what numeric values map to which colour?)
  • coordinates, defining which coordinate sytem to plot the chart in (typically cartesian or polar)

The full list of supported layers, aesthetics, scales and coordinates and how they are specified can be found in the documentations.

Data Processing

The Polychart2 library can perform simple statistical calculations based on existing data. For example, it is possible to plot the total number of sales per region by assigning the x-mapping to region and y-mapping to sum(sales).

These statistical calculations can happen in the front-end, right in the browser, can be done in the backend with a server that can communicate with the front end.

The full list of supported operations and integration details are provided in the documentations.

Interaction

Charts created by Polychart2 is interactive by nature, and uses an event-based model for interaction. Events are thrown when the underlying data changes, or when a user interacts with the chart. Charts can be modified as a response to events. See the documentations for more details.

Downloads

Dependencies

Polychart2.js uses the following libraries internally.

Other libraries in the lib/ directory are included for the test and example scripts.

Testing

When developing locally, note that your browser may enforce strict permissions for reading files out of the local file system. Additionally for testing backend data processing functionalities, server database querying functionalities are used. For those examples, a tornado server and a sqlite3 database is included. To run the server run:

python server.py

Once this is running, go to http://localhost:8888/.

License

For non-commercial use, Polychart2.js is licensed under Creative Commons 3.0 Attribution & Non-commercial (Link).

For commercial use, please see http://www.polychartjs.com/

polychart2's People

Contributors

chngr avatar diranl avatar tabemasu avatar xuexue avatar zachkocher avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.