Git Product home page Git Product logo

d3-threejs's Introduction

d3-threejs

Demonstration of CSS 3D Transforms using D3 and Three.js.

NOTE: This is not using WebGL but rather HTML/SVG elements transformed in 3D space using the CSS 3D renderer from the THREE.js repo.

Update September 17, 2017

Updated example to D3 4.0 and THREE.js 0.87

Run it locally

git clone [email protected]:sghall/d3-threejs.git
cd d3-threejs
npm install 
npm start

You can see a live demo here.

d3 threejs

Get a production build

npm run build

d3-threejs's People

Contributors

sghall avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Forkers

sammycodesnippet vkumarost shobhitg gadersela imclab guigo91 mattydorey nullnotfound shawngiese thenathanjones chrisjordanme volossoftware dreamerking sato-shi rc452860 mrivera23 sandersjohnr ee08b397 devtronics maputo achmadns launakay lonycell ligno onarf cornhundred angli-socrata vanowski zhangweiabc seanchatman bfrager vitakrya yunxi-holger markarios limebreaker npetty pankajjatav pishtiko realpipe laterdude archord mandarkhoje hongweichang linguistbreaker pacsangon tylerxue alanponce expetree charlie13 justinreeve tunks londheshubham153 jefmari mlzxy jeetds1994 bgitit strictlymomo kevineverywhere xinczhang chipsetx sumanvick fadimezhan janecd jpggvilaca dremerbuik automotola digital-banana dlsyaim lixuanxian lokewei stopyransky guyperl hshgit thanaporn-sk aappelbaum 4trees wegiangb ulrichvonhutten mikelaud amrsingh29 pcrobot msommer lakecenter sermonis zp1112 zhu18 guardwu2015 k5yoshida makeableclub abd60 danetheory wxyer pfxstar sunghoon nette22 qianbo0423 jdk137 joncv yonet holdnewworld

d3-threejs's Issues

it would be awesome if you could click on the charts and have them zoom-in to full-size

this is probably difficult to achieve.. as a newcomer to this tech but as someone who has to make something similar for a current project.. I would imagine I would start from this demo and then find a way to manually pan, rotate and zoom when a chart is clicked so as to make it align properly and then zoom into view of the screen

this would have been a sweet functionality to include in this demo! would love to hear your thoughts on how challenging you think it would be and if there's a reason why it wasn't included.. other than it wasn't included in Mr Doob's original demo

Cheers!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.