Graphane is a free and open-source data visualization low-level microframework designed to
facilitate the creation of custom, dynamic and interactive visualizations. Graphane offers
flexibility in designs, allowing creators to make unique aesthetic visualizations that are far
from becoming monotonous charts seen everywhere.
Graphane is composed of:
- A web component for combining:
- SVG markup template with directives.
- Data in JSON or CSV formats.
- Methods, optionally, to handle interactivity and data transformation.
Graphane is based on SVG and directives, defining a declarative way to build data-driven graphics. This approach allows centering the effort on the design in a very natural form. Designers
and developers achieve technical efficiency and gain the means to communicate their data story to
their audience effectively.
In addition, Graphane has a smooth rendering and optimal performance with a **tiny
overhead**. It is not just a tool but a complete system that includes specially designed mechanisms
to update the visualization efficiently when data are changed. Graphane maintains high runtime
performance without the need for pre-compilation processes.
Load
To start, you must load Graphane on your HTML page. This is done by adding a script tag pointing
to the Graphane file.
You can use the CDN directly:
`html
`
You can install locally the Graphane package with:
`bash
npm i graphane
``
Authors and acknowledgment
The initial version has been created by Graphery. Thanks to collaborators and friends for their
support and help. If you have any questions or need support, feel free to reach out.
Contributing
We appreciate any contributions to the project! Whether it's reporting bugs, suggesting new
features, or submitting pull requests, your input is valuable.
License
GRAPHANE is licensed under the MIT License. See the LICENSE file for more details.