roughViz
react-vis
roughViz | react-vis | |
---|---|---|
6 | 21 | |
6,644 | 8,373 | |
- | - | |
7.4 | 2.9 | |
19 days ago | over 1 year ago | |
JavaScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
roughViz
- New to Github
- Mapping the Unknown – The Ten Steps to Map Any Industry
-
Any apps to create hand-drawn pie charts and other charts?
Not an app but there is javascript library to do that - https://github.com/jwilber/roughViz
- RoughViz: JavaScript library for creating sketchy/hand-drawn styled charts
-
Rough.js – Create graphics with a hand-drawn, sketchy, appearance
Do also check out the other cool roughjs creations (https://github.com/rough-stuff), such as annotations (rough-notation: https://github.com/rough-stuff/rough-notation) and html elements (wired-elements: https://github.com/rough-stuff/wired-elements).
Shameless plug: I also created a dataviz library that uses roughjs under-the-hood: https://github.com/jwilber/roughViz
- Show HN: A simple hand drawn HTML/CSS theme
react-vis
-
Level Up Your Web App with Stunning React Charts: Introducing the Top 10 React Charts Libraries
Install react-vis by using the following command:
-
React Chart Library Recommendations
I've heard good things about Uber's react-vis https://www.npmjs.com/package/react-vis
-
Advice on learning front end for data visualization?
D3.js is great for custom data viz. You can get started by including the library in a script tag and not have to mess around with a bundler like Webpack until you are ready and just use plane CSS. D3.js doesn't work well with JS frameworks like React - it was jQuery like DOM manipulation functions. I find the best approach is to let D3 manage its chart and leave React for the UI. Or you can use a more React friendly library like React Viz from Uber. While D3 is great for custom data viz it's time consuming for standard charts. There are a lot of charting libraries out there like Chart.js. There is also Plot which is built on D3.js.
-
The Top 6 ReactJS Chart Libraries for Data Visualization
React Vis averages 100,000+ weekly downloads, 8.3k stars and 850 forks on Github.
-
Getting Started with Data Visualization in React using Chart.js
react-vis
-
How to generate single ES5 bundle file from ES6 project using browserify
I am trying to use react-vis library in my project. In their readme file, they have asked to import library by adding following lines in non-node environment:
-
Getting JS error: "Cannot call a class as a function"
I had an existing working react code written in Typescript (and hence ES6) using react-vis library. The library itself seem to use ES6.
-
Getting JS error: Cannot call a class as a function
I have referenced react-vis library form unpkg as stated in their github repo:
-
Github repositories from large enterprises for every javascript developer
The repository can be found here and is definitely worth taking a look.
-
React Chart - Display data in charts
react-vis - Data visualization library based on React and d3.
What are some alternatives?
cutecharts.py - 📉 Hand drawing style charts library for Python
recharts - Redefined chart library built with React and D3
dygraphs - Interactive visualizations of time series using JavaScript and the HTML canvas tag
GoJS, a JavaScript Library for HTML Diagrams - JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
rough - Create graphics with a hand-drawn, sketchy, appearance
victory-chart - Chart Component for Victory
chia-dashboard-satellite
jQPlot - A Versatile and Expandable jQuery Plotting Plugin
narrative-chart - An open-source charting library for authoring narrative charts
visx - 🐯 visx | visualization components
VisualizingTwitchCommunities - Graphing communities on Twitch.tv in a visually intuitive way
react-chartjs-2 - React components for Chart.js, the most popular charting library