Open Source Charting Library

Britecharts · Since 2016

Britecharts is a client-side reusable charting library based on D3.js and allows easy, intuitive use of charts and components. We open sourced Britecharts because we want to empower designers and developers who have less experience with D3.js to build great interactive charts with minimal effort.

britecharts


Open Source Design vs Tailored Design

Most of us go down the “tailored design” path at work: we craft a vision and a goal with product managers or clients with a target audience in mind, decide metrics to measure success and do research and competitive analysis. All ultimately to determine which type of design best demonstrate the goal. When it comes to designing the solution, we make rules and guidelines, draft best practices, dos and don’ts… the list goes on.

Designing for open source, however, requires a lot of effort in finding the balance between the amount of liberty your users can have while maintaining the usability and accessibility of the charts.

My Role

I am the designer on this project, my responsibilities include designing the charts, providing styling options and specs, and design consultation.

britecharts


I have learned valuable lessons and shared some thoughts on Medium. It covers the approach to designing tools for developers, configuration considerations, accessibility, visual design, and the process.


Collaborating on Github

On Github we use labels to identify categorized tickets. Anything done or needs to be done by a designer should have a design label. If a bug or a general question uses design label, the designer should be responding to them. When combining labels together the designer can quickly identify design tasks and actionable items.

Collaborating on Github
Each design ticket should include a screenshot or mock up of the design work.

britecharts