4 ms·
Show HN: Chartify – simple and lightweight charts for React.js
- cstrat 10y agoLooks nice. It would be nice to see even more examples, especially how it looks with smaller graphs. For example 200px wide by 30px high. I am looking at jquery-sparklines at the moment and this looks like it could be a neat twist to that look.
- kirillstyopkin 10y agoOk, I will change demo to show all features.
- yeasayer 10y agoDoes it support tooltips? I'd like to see examples with all features highlighted.
- kirillstyopkin 10y agoI will customize demo page soon for sure. Thanks.
- kirillstyopkin 10y agoYes, it supports tooltips. https://kirillstepkin.github.io/chartify/ https://kirillstepkin.github.io/chartify/
- antris 10y agoHow is it that everyone keeps calling it React.js? The name of the library is and has always been React.
- spicyj 10y agoTo be fair, we do use a Twitter account called @reactjs and had two conferences called React.js Conf. So… yes, but it feels like a losing battle.
- wastedhours 10y agoDifferentiation with React Native?
- pluma 10y agoBecause "react" is difficult to search for due to all the "reaction videos" and related nonsense. I agree it's a bit odd to use it in a name like that but more than once I've had to add "js" as a qualifier when trying to google for something React-related. I'd imagine for some people this becomes so reflexive they simply call React "React.js" to avoid ambiguity. Adding or dropping a "js" suffix to library names like that is actually pretty common throughout the entire JS ecosystem. Many library officially call themselves "<name>.js" but then go on referring to themselves without the suffix throughout the documentation and release their packages that way too. I recall something similar in Python where libraries would frequently be called "Py<name>" or "<name>py" and people would sometimes add the "py" affix even when the library didn't actually have one in its name to clarify they mean the Python library of that name rather than something else.
- Zikes 10y agoSimilarly, Go/Golang.
- paulddraper 10y agoThe organizers of React.js Conf don't know that. http://conf.reactjs.com/ http://conf.reactjs.com/
- lugus35 10y agoDo not mistake "simple" for "simplistic".
- majortennis 10y agobut , but d3.js
- k__ 10y agoD3 is more of a basic tool to create any visualization you want. These Charting libraries are pre-configrued easy to use stuff.
- jedireza 10y agoEven better C3.js + react-c3js http://c3js.org/examples.html http://c3js.org/examples.html https://github.com/bcbcarl/react-c3js https://github.com/bcbcarl/react-c3js
- kirillstyopkin 10y agonot minified d3.js is 449kb chartify is 1.7kb
- bsbechtel 10y agoHow does this compare with Victory?
- dola 10y agoI've been using Recharts [1] lately. It offers many different chart types and has a high level interface that makes it easy and quick to use for basic charts. If you want to customize you can still do so because almost every part of a graph is composable. (I have no affiliation) [1]: http://recharts.org/ http://recharts.org/
- ggregoire 10y agoI was looking for a lib like this 2 weeks ago and I've never heard about this one... Looks like it's the most stared repo and it's actively maintained, but the Github link is not on the first page of Google with the keywords "react chart". (Edit: the "official" site is in 6th position, I've probably missed it or didn't scroll up to it) Finally I've been using React Chartjs 2, based on Chartjs 2. https://github.com/gor181/react-chartjs-2 https://github.com/gor181/react-chartjs-2 (157 stars, actively maintained) https://github.com/chartjs/Chart.js https://github.com/chartjs/Chart.js (26,256 stars, actively maintained)
- dflock 10y agoIf I'm looking for a library now, I start the search on github, not Google. The github search can be filtered by language and sorted by stars, among other things. Obviously not every project in the world is on github, but it's usually much more efficient to start there, rather than Google.