• Stars
    star
    304
  • Rank 137,274 (Top 3 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 10 years ago
  • Updated about 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

CSS 3D Transforms with D3 and THREE.js

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

More Repositories

1

react-move

React Move | Beautiful, data-driven animations for React
JavaScript
6,585
star
2

react-vertex

â—¾ React Vertex | Hooks-based WebGL library for React
TypeScript
1,240
star
3

resonance

â—¾Resonance | 5kb React animation library
JavaScript
1,005
star
4

react-compound-slider

â—¾ React Compound Slider | A small React slider with no opinion on markup or styles
TypeScript
626
star
5

threejs-maps

Interactive Maps with D3.js, Three.js and Mapbox
JavaScript
97
star
6

react-d3-transitions

Enter, update and exit pattern using React 15.0, D3 4.0 and Redux
JavaScript
85
star
7

subunit

A small library that gives you D3 style selections in THREE.js.
JavaScript
73
star
8

webgl-globes

JavaScript
64
star
9

d3-chord-diagrams

Example Chord Diagrams in D3
HTML
49
star
10

d3-graphs

An Interactive Force Directed Graph in D3.js
JavaScript
45
star
11

famous-chart-demos

Examples integrating D3.js with Famo.us
JavaScript
43
star
12

chord-transitions

Transitioning Chord Diagram Demo with Angular/D3
JavaScript
39
star
13

d3-multi-series-charts

Some Example Multi-Series Charts in D3.js
JavaScript
26
star
14

last-fm

A demo app using D3 and AngularJS Directives
JavaScript
19
star
15

bundle-inspector-webpack-plugin

Bundle Inspector | Analysis Tool for Webpack
JavaScript
18
star
16

angular-d3

Demo app using Angular, D3, and Neo4j.
JavaScript
13
star
17

physijs-dom-renderer

Demo of JavaScript physics engine simulation with DOM elements. D3.js used to generate HTML.
JavaScript
7
star
18

dragon-curves

JavaScript
5
star
19

chaos-game

JavaScript
5
star
20

javascript-object-instantiation

JavaScript
5
star
21

react-quickie-controls

Quick development controls for React projects. Change values and colors quickly in your development environment or storybooks.
TypeScript
5
star
22

web-scraper

Some node scripts for scraping movie data from the web.
JavaScript
4
star
23

chart-physics

Experiments with Three.js, D3.js and Physics Engines
JavaScript
4
star
24

kapellmeister

Orchestration for Animated Transitions
JavaScript
4
star
25

neo4j-loader

A simple Node module to bulk load data into Neo4j
JavaScript
2
star
26

webgl-flux-chat

JavaScript
2
star
27

bungalow

JavaScript
1
star
28

antigen

JavaScript
1
star