Upgrade to Pro — share decks privately, control downloads, hide ads and more …

React Native and D3JS

React Native and D3JS

Example code: https://github.com/hswolff/BetterWeather

D3 lets you create beautiful charts and graphs. React Native lets you create iOS and Android applications with React. Did you know that you can put these two powerful technologies together? Come learn how you can create beautiful and reusable d3 charts for your React Native applications. Create a graph once and let it power iOS and Android at the same time.

Harry Wolff

July 15, 2016

More Decks by Harry Wolff

Other Decks in Technology


  1. “React Native lets you build mobile apps using only JavaScript.

    It uses the same design as React, letting you compose a rich mobile UI from declarative components.” https://facebook.github.io/react-native/
  2. d3-scale https://github.com/d3/d3-scale “Continuous scales map a continuous, quantitative input domain

    to a continuous output range.” Continuous Scales “Given a value from the domain, returns the corresponding value from the range.”
  3. d3-scale https://github.com/d3/d3-scale “Time scales are a variant of linear scales

    that have a temporal domain: domain values are coerced to dates rather than numbers" Time Scales
  4. SVG <path> https://developer.mozilla.org/en-US/docs/Web/SVG/ Tutorial/Paths “Paths create complex shapes by combining

    multiple straight lines or curved lines” “The shape of a path element is defined by one attribute: d.”
  5. React ART https://github.com/reactjs/react-art “React ART is a JavaScript library for

    drawing vector graphics using React.” “It provides declarative and reactive bindings to the ART library.”