metrics-graphics

WebJar for metrics-graphics

License

License

Categories

Categories

Metrics Application Testing & Monitoring Monitoring
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

metrics-graphics
Last Version

Last Version

2.10.1
Release Date

Release Date

Type

Type

jar
Description

Description

metrics-graphics
WebJar for metrics-graphics
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/mozilla/metrics-graphics

Download metrics-graphics

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/metrics-graphics/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>metrics-graphics</artifactId>
    <version>2.10.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/metrics-graphics/
implementation 'org.webjars.npm:metrics-graphics:2.10.1'
// https://jarcasting.com/artifacts/org.webjars.npm/metrics-graphics/
implementation ("org.webjars.npm:metrics-graphics:2.10.1")
'org.webjars.npm:metrics-graphics:jar:2.10.1'
<dependency org="org.webjars.npm" name="metrics-graphics" rev="2.10.1">
  <artifact name="metrics-graphics" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='metrics-graphics', version='2.10.1')
)
libraryDependencies += "org.webjars.npm" % "metrics-graphics" % "2.10.1"
[org.webjars.npm/metrics-graphics "2.10.1"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.npm : d3 jar [4.0.0,5)

Project Modules

There are no modules declared in this project.

BundlePhobia CodeClimate Netlify Status

MetricsGraphics is a library built for visualizing and laying out time-series data. At around 15kB (gzipped), it provides a simple way to produce common types of graphics in a principled and consistent way. The library currently supports line charts, scatterplots and histograms, as well as features like rug plots.

Example

All you need to do is add an entry node to your document:

<div id="chart"></div>

Then, use the id to mount the chart:

import LineChart from 'metrics-graphics'

new LineChart({
  data, // some array of data objects
  width: 600,
  height: 200,
  target: '#chart',
  area: true,
  xAccessor: 'date',
  yAccessor: 'value'
})

That's it!

Sample Screenshot

The raw data for this example can be found here

Documentation

If you want to use MetricsGraphics, you can find the public API here.

If you want to extend MetricsGraphics, you can read up on the components and utilities.

Development Setup

This project uses Lerna. Installing it globally helps a lot (npm i -g lerna).

# clone and setup
git clone https://github.com/metricsgraphics/metrics-graphics
cd metrics-graphics
lerna bootstrap

Run both the development setup of the library and the development setup of the examples

# inside packages/lib
npm run dev

# inside packages/examples
npm run dev
org.webjars.npm

Mozilla

This technology could fall into the right hands.

Versions

Version
2.10.1
2.5.0