랭킹으로 돌아가기

rawgraphs/rawgraphs-app

JavaScriptrawgraphs.io

A web interface to create custom vector-based visualizations on top of RAWGraphs core

svgvector-graphicsdata-visualizationrawgraphsd3jsdataddjdesignvisualization
스타 성장
스타
9k
포크
1.8k
주간 성장
이슈
72
2k4k6k8k
2013년 10월2018년 1월2022년 4월2026년 7월
아티팩트npmnpm install rawgraphs-app
README

About

RAWGraphs is an open web tool to create custom vector-based visualizations on top of the amazing d3.js library. It has been developed by DensityDesign Research Lab (Politecnico di Milano), Calibro and INMAGIK.

Primarily conceived as a tool for designers and vis geeks, RAWGraphs aims at providing a missing link between spreadsheet applications (e.g., LibreOffice Calc, Microsoft Excel, Apple Numbers, Google Docs) and vector graphics editors (e.g., Inkscape, Adobe Illustrator).

RAWGraphs works with tabular data (e.g., spreadsheets and comma-separated values) as well as with copied-and-pasted texts from other applications. Based on the SVG format, visualizations can be easily edited with vector graphics applications for further refinements or directly embedded into web pages.

Knowing the need to work with sensitive information, the data injected into RAWGraphs is processed only by the web browser: no server-side operations or storages are performed. No one will see, touch or copy your data!

RAWGraphs is also highly customizable and extensible, accepting new custom layouts defined by users. For more information about adding or editing layouts, see the Developer Guide.

Usage

The easiest way to use RAWGraphs is by accessing the most updated version on the official app page. However, RAWGraphs can also run locally on your machine: see the installation instructions below for know-how.

Installation

If you want to run your instance of RAWGraphs locally on your machine, be sure you have the following requirements installed. The following guide is for intermediate users (you will have to open your console and type some commands, it's better if you know what you are doing).

Requirements

If you want to run your instance of RAWGraphs locally on your machine, be sure you have the following requirements installed.

Instructions (macOS)

In the terminal, navigate to the folder where you want to install the app and clone the RAWGraphs-app GitHub repository:

git clone https://github.com/rawgraphs/rawgraphs-app.git

Browse the folder containing the repository:

cd rawgraphs-app

Install the needed dependencies through Yarn:

yarn install

Now you can run the project locally in development mode with the command:

yarn start

Ensure that you're using the legacy OpenSSL providers (to be updated):

export NODE_OPTIONS=--openssl-legacy-provider

You can also build your own version and upload it on your server by running the command:

yarn build

Contributing

Want to contribute to RAWGraphs's development? You are more than welcome! Start by forking the repository (the "Fork" button at the top-right corner of this page) and follow the instructions above to clone it and install dependencies. Then you can use Github's issues and pull requests to discuss and share your work. You will need to sign a Contributor License Agreement (CLA) before submitting. We adopted CLA to be sure that the project will remain open source. For more information, write us: hello@rawgraphs.io.

Publications / Citing RAWGraphs

If you have found RAWGraphs helpful in your research, or if you want to reference it in your work, please consider citing the paper we presented at CHItaly 2017.

you can read the full article in Green Open Access at the following link:

oa icon RAWGraphs: A Visualisation Platform to Create Open Outputs

Cite RAWGraphs:

Mauri, M., Elli, T., Caviglia, G., Uboldi, G., & Azzi, M. (2017). RAWGraphs: A Visualisation Platform to Create Open Outputs. In Proceedings of the 12th Biannual Conference on Italian SIGCHI Chapter (p. 28:1–28:5). New York, NY, USA: ACM. https://doi.org/10.1145/3125571.3125585

Bibtex:

@inproceedings{Mauri:2017:RVP:3125571.3125585,
 author = {Mauri, Michele and Elli, Tommaso and Caviglia, Giorgio and Uboldi, Giorgio and Azzi, Matteo},
 title = {RAWGraphs: A Visualisation Platform to Create Open Outputs},
 booktitle = {Proceedings of the 12th Biannual Conference on Italian SIGCHI Chapter},
 series = {CHItaly '17},
 year = {2017},
 isbn = {978-1-4503-5237-6},
 location = {Cagliari, Italy},
 pages = {28:1--28:5},
 articleno = {28},
 numpages = {5},
 url = {http://doi.acm.org/10.1145/3125571.3125585},
 doi = {10.1145/3125571.3125585},
 acmid = {3125585},
 publisher = {ACM},
 address = {New York, NY, USA},
 keywords = {Visualization tools, data visualization, open output, visual interface},
}

License

RAWGraphs is provided under the Apache License 2.0:

Copyright (c), 2013-2021 DensityDesign Lab, Calibro, INMAGIK <hello@rawgraphs.io>

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.
관련 저장소
mrdoob/three.js

JavaScript 3D Library.

JavaScriptnpmMIT Licensejavascript3d
threejs.org
113.9k36.4k
d3/d3

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

ShellISC Licensevisualizationdata-visualization
d3js.org
113.3k22.7k
juliangarnier/anime

JavaScript animation engine

JavaScriptnpmMIT Licenseanimationanime
animejs.com
71.3k4.8k
apache/echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser

TypeScriptnpmApache License 2.0echartsdata-visualization
echarts.apache.org
66.9k19.8k
drawdb-io/drawdb

Free, simple, and intuitive online database diagram editor and SQL generator.

JavaScriptnpmGNU Affero General Public License v3.0database-schemaeditor
drawdb.app
38.2k3.1k
lovell/sharp

High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.

JavaScriptnpmApache License 2.0javascriptwebp
sharp.pixelplumbing.com
32.5k1.4k
badges/shields

Concise, consistent, and legible badges in SVG and raster format

JavaScriptnpmApache License 2.0badgegithub
shields.io
27k5.6k
feathericons/feather

Simply beautiful open-source icons

JavaScriptnpmMIT Licenseiconssvg
feathericons.com
26k1.3k
simple-icons/simple-icons

SVG icons for popular brands

JavaScriptnpmCreative Commons Zero v1.0 Universalbrandbranding
simpleicons.org
25.5k3.1k
lucide-icons/lucide

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

TypeScriptnpmOthersvgsicons
lucide.dev
23.6k1.5k
svg/svgo

⚙️ Node.js tool for optimizing SVG files

JavaScriptnpmMIT Licensesvgminification
svgo.dev
22.6k1.4k
tabler/tabler-icons

A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.

JavaScriptnpmMIT Licenseiconsiconset
tabler.io/icons
21.2k1.2k