vizzu-story-js
heatmap.js
vizzu-story-js | heatmap.js | |
---|---|---|
3 | 2 | |
14 | 6,150 | |
- | - | |
9.1 | 0.0 | |
5 months ago | 6 months ago | |
JavaScript | JavaScript | |
Apache License 2.0 | 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.
vizzu-story-js
-
Show HN: Open-source animated chart presentations in computational notebooks
1. They lacked the opportunity to use these charts to present their findings and control the animation better than just (re)running notebook cells.
2. They had challenges using our generic chart-building engine - they are more acquainted with picking a chart type and using the parameters specific to that type.
So we decided to build a new extension that enables our users to add the charts to slides and thus create interactive, animated presentations they can present right from the notebook. The presentation can be controlled with buttons beneath the charts, keyboard shortcuts (arrows, PgUp, PgDn, Home, End), or a clicker. We also added the capability to export these presentations to HTML to share them with others who don't use notebooks.
Example - scroll to the bottom for the presentation: https://vizzuhq.github.io/ipyvizzu-story/examples/demo/ipyvi....
We tackled the other challenge by introducing chart presets: users can now pick from the 40+ pre-defined chart types. https://ipyvizzu.vizzuhq.com/examples/examples.html#Preset-c...
Everything is released under the Apache 2.0 license and is available for JavaScript developers as an open-source data storytelling solution. Technically, in the Jupyter version, it's the JS lib being called from the notebook with a Python interface - similarly to what Plotly does. More info: https://github.com/vizzuhq/vizzu-ext-js-story & https://lib.vizzuhq.com/latest/
We'd love to know more about how our technology can be put to good use, so if you have any feedback or suggestions, we're here to listen.
- Show HN: Ipyvizzu-story – animated data stories in Jupyter Notebook
- New open-source tools to build animated chart presentations in Jupyter notebook and Javascript
heatmap.js
-
[OC] Map of Housing Prices in Bilbao, Spain - Data extract from Spanish real estate website
Source: https://www.fotocasa.es/es/comprar/viviendas/bilbao/todas-las-zonas/l (Spanish real estate website) For creating the visualization we used https://www.openstreetmap.org, https://leafletjs.com and https://www.patrick-wied.at/static/heatmapjs We also published this demo and a Google Maps version in https://github.com/ZenRows/house-pricing-map. You can find there the original dataset with almost 3000 houses on sale.
-
How to create a heatmap in Angular?
How about https://www.patrick-wied.at/static/heatmapjs/
What are some alternatives?
jsxgraph - JSXGraph is a cross-browser library for interactive geometry, function plotting, charting, and data visualization in a web browser.
recharts - Redefined chart library built with React and D3
ipyvizzu-story - Build, present and share animated data stories in Jupyter Notebook and similar environments.
three.js - JavaScript 3D Library.
Vizzu - Library for animated data visualizations and data stories.
Chart.js - Simple HTML5 Charts using the <canvas> tag
dc.js - Multi-Dimensional charting built to work natively with crossfilter rendered with d3.js
p5.js - p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —
apexcharts.js - 📊 Interactive JavaScript Charts built on SVG
svg.js - The lightweight library for manipulating and animating SVG
nvd3 - A reusable charting library written in d3.js
c3 - :bar_chart: A D3-based reusable chart library