Skip to content

Latest commit

 

History

History
95 lines (65 loc) · 5.31 KB

Visualizations.md

File metadata and controls

95 lines (65 loc) · 5.31 KB
Raw

Visualizations

Charting

You don't need to know all of the charting libraries. One is enough, but make sure to master it!

  • You used at least one charting library in a project
  • You implemented custom interactive charts using one of the charting libraries

nivo

  • You can create simple graphs and incorporate with React life cycle 📚
  • You can incorporate application theme to modify graphs style 📚
  • You can animate and add interactions to the graphs so it interacts with the React component lifecycle
  • You know how to extend the nivo library to customise it and create non standard visualizations

vx

  • You can create simple graphs and incorporate with React life cycle 📚
  • You can incorporate application theme to modify graphs style
  • You can animate and add interactions to the graphs so it interacts with the React component lifecycle
  • You know how to extend the vx library to customise it and create non standard visualizations

d3.js

  • You can explain the concept of data driven documents
  • You know how to create basic graphs with specific axes 📚
  • You know how to interact with the SVG's nodes and bind events
  • You know how to customise the styles of a graph to change its shape and colours
  • You can scale the chart accordingly to the page size
  • You can use d3 transitions to animate SVG elements

Canvas

Pixi.js

  • You know how to create pixi application structure 📚
  • You know how to use pixi ticker
  • You know how to use pixi filters
  • You know how to render text
  • You know how to create primitive and complex shapes
  • You know how to load and render sprites
  • You know how to animate objects
  • You know how to scale objects depending on device pixel density ration
  • You know what are the pros and cons of 2D and 3D renderers
  • You know how to use and animate a texture mesh 📚
  • You know how to apply object pooling pattern
  • You know how to apply spatial hash algorithm to optimize renders

SVG

  • D3.js
  • react-d3
  • svgr

WebGL

  • three.js
  • babylon.js

Contribution

We are very open to contributions to extend or change the requirements based on your gut and experience. To contribute you can use a pull request which will be later validated by our technical team and added to the main docs.

If you will spot any issues please add them in the Issues section.

Credits

This page is maintained by the 🔹 Flairs.ai and 🇵🇱 Apptension teams.

If you would like to create a dedicated Developer Handbook for your company, you can e-mail us 👉 contact@flairs.ai

License

MIT License

© 2020 Flairs Sp. z o.o.

Built and maintained by Flairs and Apptension.

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.