# legions-developer/evilcharts

**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/legions-developer-evilcharts).**

2,535 stars · 81 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/legions-developer/evilcharts
- Homepage: https://evilcharts.com
- awesome-repositories: https://awesome-repositories.com/repository/legions-developer-evilcharts.md

## Description

Evilcharts is a data visualization library and animated charting framework designed to render interactive data graphics. It functions as a responsive data graphics engine that transforms raw data sets into visual formats such as bars, lines, and pies.

The project focuses on interactive data visualization by incorporating motion triggers and visual transitions. It provides tools for custom chart styling to align visual effects and colors with specific brand guidelines and design requirements.

The engine manages responsive data dashboards through automatic layout scaling to maintain consistency across different screen dimensions. It supports the creation of animated visuals and the rendering of complex data sets into scalable vector graphics.

## Tags

### Data & Databases

- [Data Visualization Charts](https://awesome-repositories.com/f/data-databases/data-visualization-charts.md) — Transforms complex data sets into visual formats such as bars, lines, and pies. ([source](https://cdn.jsdelivr.net/gh/legions-developer/evilcharts@main/README.md))
- [Animated Visualizations](https://awesome-repositories.com/f/data-databases/data-analysis-visualization/visualization-frameworks-libraries/data-visualization/animated-visualizations.md) — Provides interactive motion triggers and visual transitions to help users explore data. ([source](https://cdn.jsdelivr.net/gh/legions-developer/evilcharts@main/README.md))
- [Data Visualization Libraries](https://awesome-repositories.com/f/data-databases/data-engineering/data-visualization-libraries.md) — Offers a modular collection of tools for rendering interactive, animated, and styled data visualizations.
- [Interactive Data Charting](https://awesome-repositories.com/f/data-databases/interactive-data-charting.md) — Transforms datasets into interactive visual charts and graphs with engaging transitions.

### Graphics & Multimedia

- [Responsive Rendering Engines](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/canvas-rendering-engines/responsive-rendering-engines.md) — Utilizes a rendering engine that automatically adjusts visual output for varying screen sizes.
- [SVG-Based Vector Rendering](https://awesome-repositories.com/f/graphics-multimedia/graphics-engines-rendering/rendering/engines/canvas-vector-graphics/svg-based-vector-rendering.md) — Uses scalable vector graphics to ensure resolution independence and sharpness across different screen sizes.
- [Visual Data Rendering](https://awesome-repositories.com/f/graphics-multimedia/visual-data-rendering.md) — Renders complex information through charts and custom graphics to make data easier to understand.

### User Interface & Experience

- [Data State Interpolators](https://awesome-repositories.com/f/user-interface-experience/animation-and-motion-systems/physics-motion-dynamics/physics-based-animations/physics-based-property-interpolators/frame-synchronized-interpolators/data-state-interpolators.md) — Creates smooth visual transitions between data states using interpolation-based frame animation.
- [Coordinate System Scaling](https://awesome-repositories.com/f/user-interface-experience/data-display-components/content-cards/image-resizing/client-side/viewport-scaling/coordinate-system-scaling.md) — Adjusts chart coordinate systems based on window dimensions to maintain visual proportions.
- [Data-to-Visual Mappings](https://awesome-repositories.com/f/user-interface-experience/data-to-visual-mappings.md) — Translates raw data sets into visual coordinates and shapes through predefined property mappings.
- [Charting Frameworks](https://awesome-repositories.com/f/user-interface-experience/data-visualization-tools/data-visualization/charting-frameworks.md) — Provides a comprehensive engine for the programmatic rendering of animated, interactive charts.
- [Responsive Layout Scaling](https://awesome-repositories.com/f/user-interface-experience/responsive-layout-scaling.md) — Automatically adjusts the size and scale of visuals to maintain consistency across screen dimensions. ([source](https://cdn.jsdelivr.net/gh/legions-developer/evilcharts@main/README.md))
- [Responsive Dashboards](https://awesome-repositories.com/f/user-interface-experience/ui-architecture/responsive-dashboards.md) — Implements layout patterns for data-heavy interfaces that adapt to varying screen sizes.
- [Style Sheet Injection](https://awesome-repositories.com/f/user-interface-experience/styling-theming-systems/content-styling/styling-architectures/styling-systems/class-based-styling/css-styling/style-sheet-injection.md) — Implements programmatic insertion of CSS rules to apply visual themes and brand guidelines to graphics.
- [Chart Visual Style Customizations](https://awesome-repositories.com/f/user-interface-experience/visual-style-customization/chart-visual-style-customizations.md) — Allows modifications of colors, patterns, and effects to align charts with brand guidelines. ([source](https://cdn.jsdelivr.net/gh/legions-developer/evilcharts@main/README.md))

### Web Development

- [Chart Layout Logic](https://awesome-repositories.com/f/web-development/component-based-architectures/component-based-architectures/chart-layout-logic.md) — Provides a hierarchical structural system for organizing spatial positioning of quantitative chart elements.