# morrisjs/morris.js

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/morrisjs-morris-js).**

6,882 stars · 1,198 forks · CoffeeScript

## Links

- GitHub: https://github.com/morrisjs/morris.js
- Homepage: http://morrisjs.github.com/morris.js/
- awesome-repositories: https://awesome-repositories.com/repository/morrisjs-morris-js.md

## Description

morris.js is a JavaScript data visualization library and SVG charting framework. It is designed to render time-series line, bar, area, and donut charts to visualize complex datasets and distribution patterns.

The library specializes in time-series charting to display temporal trends and track how specific values change over time. It provides tools for statistical data representation, allowing for the comparison of different data sets or the illustration of proportions within a whole.

The framework enables the creation of web dashboard analytics by transforming raw data into graphical representations. It uses scalable vector graphics to ensure visual consistency across different screen resolutions.

## Tags

### Part of an Awesome List

- [JavaScript Charting](https://awesome-repositories.com/f/awesome-lists/devtools/javascript-charting.md) — Ships a JavaScript library for rendering interactive charts and time-series visualizations in web browsers.
- [Charts and Visualization](https://awesome-repositories.com/f/awesome-lists/data/charts-and-visualization.md) — SVG charts powered by jQuery and Raphael.
- [Game Engines](https://awesome-repositories.com/f/awesome-lists/devtools/game-engines.md) — Library for rendering time-series line graphs.
- [Miscellaneous Tools](https://awesome-repositories.com/f/awesome-lists/more/miscellaneous-tools.md) — Library for creating time-series graphs.

### Data & Databases

- [Time-Series Visualizers](https://awesome-repositories.com/f/data-databases/data-visualization-charts/time-series-visualizers.md) — Renders interactive charts of time-indexed data to track how values change and distribute over time. ([source](https://github.com/morrisjs/morris.js/blob/master/README.md))
- [Analytics Dashboards](https://awesome-repositories.com/f/data-databases/analytics-dashboards.md) — Enables the construction of web-based reporting interfaces that transform raw data into analytical graphs.
- [Visualization Coordinate Mapping](https://awesome-repositories.com/f/data-databases/data-mapping/coordinate-system-mapping/visualization-coordinate-mapping.md) — Translates raw data values into specific pixel coordinates to render chart axes and layouts.

### Graphics & Multimedia

- [SVG-Based Vector Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering.md) — Utilizes scalable vector graphics to ensure charts remain sharp across different screen resolutions.

### System Administration & Monitoring

- [Temporal Data Visualization](https://awesome-repositories.com/f/system-administration-monitoring/temporal-data-visualization.md) — Visualizes date-based information to identify patterns and shifts in data across a chronological timeline.

### User Interface & Experience

- [Charting Frameworks](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/charting-frameworks.md) — Provides a framework for the programmatic rendering of various chart types using SVG.
- [Chart Visual Style Customizations](https://awesome-repositories.com/f/user-interface-experience/visual-style-customization/chart-visual-style-customizations.md) — Allows external stylesheets to control the colors and line weights of data visualization elements.

### Scientific & Mathematical Computing

- [Compositional Charting](https://awesome-repositories.com/f/scientific-mathematical-computing/proportional-data-plots/compositional-charting.md) — Implements donut and bar charts to illustrate proportions within a whole or compare different datasets.

### Web Development

- [SVG Path Redraws](https://awesome-repositories.com/f/web-development/template-data-binding/reactive-binding-updates/svg-path-redraws.md) — Refreshes visual representations by mutating the internal data model and triggering SVG path redraws.