Coder Social home page Coder Social logo

cerner / carbon-graphs Goto Github PK

View Code? Open in Web Editor NEW
25.0 9.0 21.0 8.78 MB

A lightweight, vanilla JavaScript visualization API built using D3 that integrates well with any consumer’s tech stack. https://engineering.cerner.com/carbon-graphs/

License: Apache License 2.0

HTML 0.05% JavaScript 99.41% Less 0.55%
carbon carbon-graphs graph-types shapes graph axes

carbon-graphs's Introduction

Click for demo

Carbon (carbon-graphs)

Build Status npm latest version Cerner OSS License dependencies Status devDependencies Status Bugs semantic-release




Notice

Carbon is currently under a code freeze as the library is being moved to Terra Graphs. During this time, contributions will not be accepted. Once the migration is complete, this repository will be archived.




Carbon is a graphing library built using D3 visualization library. It provides an API for generating native graphs such as Line and Paired Result graphs based on design standards.

Install

You can install Carbon via npm or download the latest release from GitHub.

npm i @cerner/carbon-graphs --save-dev

Getting Started

Dependencies

  • D3
  • Polyfills:
    • Object.assign
    • Object.values

Features

  • Adheres to Cerner standard design template
  • Responsive
  • Native-built graphs
  • Default theme for data points

Graph types

Graph Settings/Toggles

  • Legend
  • Labels
  • Grid vertical & horizontal
  • Axes x and y or y2
  • Regions horizontal

Other highlights

  • Supports different shapes for each data-set
  • Supports custom SVG shapes for data-sets
  • Non-contiguous data point line graph
  • Sparkline graph (with Shapes as hidden)
  • Criticality indicators for data point
  • Locale support for axes ticks
  • Y and Y2 Axes label along with respective shapes
  • Graph Panning

Resources

Browser support

  • Android >= 4.4
  • Chrome >= 35
  • Firefox >= 31
  • Internet Explorer >= 10
  • iOS >= 7
  • Opera >= 12
  • Safari >= 7.1

Potential features

  • Support additional themes
  • a11y
  • Area graph
  • Area spline graph
  • Separate graph types to plugin based
  • DST

LICENSE

Copyright 2017 - 2020 Cerner Innovation, Inc.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

carbon-graphs's People

Contributors

abhijit945 avatar ashishmotanamgurunadham avatar avinashg1994 avatar benbcai avatar dependabot[bot] avatar greenkeeper[bot] avatar habelk avatar jananigunasekaran avatar jeremyfuksa avatar mjhenkes avatar narasimhashenoi avatar pranav300 avatar prashant-kamboj avatar rm012685 avatar ryanthemanuel avatar saket2403 avatar sdadn avatar semantic-release-bot avatar sharathalur avatar swatikode avatar veera81 avatar vurawnica avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

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