Giter Club home page Giter Club logo

chartisan's Introduction

C H A R T I S A N

Farm to table to chart with React + D3.

You know how pasta is supposed to taste better when you make it from scratch? This is basically the same thing, but instead of pasta I made my own version of Quartz's Chartbuilder.

Chartisan

What started out as a humble weekend hack project to learn Webpack snowballed into a full-fledged charting tool (because everyone's gotta have one) built with React and the new D3 4.0. Aesthetically, the charts are mostly derived from the Tachyons CSS library, FiveThirtyEight and leather but I'll be restyling all the things once I finish implementing baseline features. As a stretch goal I might add in some of the things mentioned in Gregor Aisch's #NICAR15 lightning talk.

Changelog

  • 0.7 (07/21/16) — Implemented full parsing of times/dates and time-based x-axes.
  • 0.6 (07/20/16) — Fixed SVG positioning bug and added custom fonts to exported charts.
  • 0.5 (07/18/16) — Now supports multiple series across all chart types, with a legend.
  • 0.4 (07/14/16) — Fixed y-axis digit bug and added SVG/PNG exporting.
  • 0.3 (07/07/16) — Added time axis support for years and customizable domain/range values.
  • 0.2 (06/18/16) — Added chart/axis switching, implemented line charts and scatterplots.
  • 0.1 (06/14/16) — First commit, MVP: Reactive D3 ordinal/numeric bar charts with some basic validation.

Feature Roadmap

  • Display error messages in UI (currently just thrown in console)
  • Customizable axes/ticks, color palettes, dimensions/sizing
  • Responsive UI and responsive output

chartisan's People

Contributors

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