Home / JavaScript / Data Visualization

Declare a Three.js program with GraphQL

three.graphql Declare a Three.js program with GraphQL status fun, wip, diy why ? to experiment how ? three.graphql utilizes a GraphQL implementation to build and maintain a scene tree. Three.js
Information
Category: JavaScript / Data Visualization
Watchers: 4
Star: 46
Fork: 4
Last update: Mar 19, 2023
Resource links
https://jwerle.github.io/three.graphql
https://github.com/jwerle/three.graphql

three.graphql

Declare a Three.js program with GraphQL

status

fun, wip, diy

why ?

to experiment

how ?

three.graphql utilizes a GraphQL implementation to build and maintain a scene tree. Three.js objects are created when they don't exist and properties are changed when there is a difference A GraphQL query represents the state of a Three.js program at any moment in the current context. Objects are created and destroyed when the query changed. Input properties are merged into existing objects.

features

  • Only BoxGeometry and MeshBasicMaterial have been built into the Mesh sub-selection.

build

$ make

starting editor

$ npm start

License

MIT

Contents

    acro5piano Turn your REST API into GraphQL - A Proxy Server that pipes request from GraphQL to REST with GraphQL DSL, performant nested children, mutations, input types, and more.
    calebmer A GraphQL batching model which groups execution by GraphQL fields.
    sibelius Transform .graphql to graphql-js typescript
    graphql-editor 📺 Visual Editor & GraphQL IDE. Draw GraphQL schemas using visual 🔷 nodes and explore GraphQL API with beautiful UI.
    drawcall three.proton is a magical 3d particle engine using three.js library. It is based on the Proton engine library.
    IvanGoncharov 🛰️ Represent any GraphQL API as an interactive graph
    kkemple 🔒 GraphQL authentication and authorization middleware
    sohelamin A GraphQL complete example using Golang & PostgreSQL
    7assenTlili Advanced GraphQL server with Node.js and Mongoose
    graphql A reference implementation of GraphQL for JavaScript
    maraisr ⚛️ graphql-workers puts graphql on the edge
    thecodingmachine Use PHP Annotations to declare your GraphQL API
    shaohua0116 A curated list of papers related to program synthesis, program induction, program execution, program and code repair, and programmatic reinforcement learning.
    GraphQLCollege A book to learn GraphQL with a hands-on approach
    hasura Blazing fast, instant realtime GraphQL APIs on Postgres with fine grained access control, also trigger webhooks on database events.
    w3reality Geographic visualization library using three.js
    graphql-java GraphQL Java implementation
    apollographql :robot: A strongly-typed, caching GraphQL client for the JVM, Android and Kotlin native
    tjmehta A flexible GraphQL client and server library that can be used to power realtime applications.
    graphql-go An implementation of GraphQL for Go / Golang
    andreas GraphQL servers in OCaml
    Share this repo

    Related Repos


    Data Visualization
    88
    Interactive 3D plotting with a simple function call using Three.js
    NathanEpstein About Generate interactive 3d plots with a simple function call. Function returns a Three.js scene which can be customized as needed. Basic function c
     
    Data Visualization
    9
    A simple mardown notes network visualizer
    GeoffreyCoulaud Notes graph A simple visualization tool for your linked markdown notes example.mp4 Dependencies NodeJS Usage Clone this repo and open a terminal npm i
     
    Data Visualization
    8
    A Django | React application that forecast time series data using ARIMA and RNN models.
    khiati-walid Time-series-forecasting-ARIMA-RNN Our paper | Time Series Forecasting Table of Contents A Django | React application that forecast time series data us
     
    Data Visualization
    4
    A solar system demo made with React three fiber
    markshenouda Solar System with React three fiber 🌍 🪐 I made this project to learn React three fiber 😃 To run the project, Install dependencies: npm install Run
     
    Data Visualization
    21
    Tired of 200kb charting browser libs? ...I feel ya. Come to the server-side!
    rugpullindex Tired of 200kb charting browser libs? ...I feel ya. Come to the server-side!
     
    Data Visualization
    24
    Template for the brush style rendering with three.js
    Sekuta82 Oil on Three.js Template This is a working examble of a realtime 3d scene that is supposed to look like a rough oil painting that is constantly changi
     
    Data Visualization
    3.5k
    dagre - Graph layout for JavaScript
    dagrejs Important! This project does not have a maintainer or active project members. There won’t be any support or attention to pull requests. Please do not
     
    Data Visualization
    2.5k
    Graphs and Charts for Canvas in JavaScript.
    HumbleSoftware Flotr2 The Canvas graphing library. http://groups.google.com/group/flotr2/ Please fork http://jsfiddle.net/cesutherland/ZFBj5/ with your question or b
     
    Data Visualization
    2.3k
    A tiny javascript library for generating progress pie charts in your favicon.
    lipka Piecon Pie charts in your favicon! A tiny javascript library for dynamically generating progress pie charts in your favicons. Now with retina support!
     
    Data Visualization
    3.4k
    ⛳️ Apache ECharts components for React wrapper
    hustcc echarts-for-react The simplest, and the best React wrapper for Apache ECharts. Install $ npm install --save echarts-for-react
     
    Data Visualization
    2.5k
    WWW SQL Designer, your online SQL diagramming tool
    ondras WWW SQL Designer allows users to create database designs, which can be saved/loaded and exported to SQL scripts. Various databases and languages are s
     
    Data Visualization
    3
    A JavaScript + CSS library for web development to create simple diagrams.
    Targon-Industries A JS+CSS diagram library for web development This library was written in plain JavaScript and CSS as a hobby project. Feel free to modify the code and
     
    Data Visualization
    1.3k
    LayaAir is an open-source 2D/3D engine.
    layabox LayaAir is an open-source 2D/3D engine. LayaAir Engine is designed for high performance games.LayaAir support TypeScript and JavaScript、ActionScript 3.0 programming language.Can develop once, publish for multi platform.
     
    Data Visualization
    3
    PoC to create a signed oci helm chart
    dirien PoC To Create A Keyless Signed OCI Helm Chart Requirements CR_PAT for the GitHub container registry See this guide for more information on how to crea
     
    Data Visualization
    5
    Helm chart for VictoriaMetrics benchmarking
    VictoriaMetrics VictoriaMetrics benchmark VictoriaMetrics benchmark helm chart is used for deploying a simple benchmark setup to k8s cluster. In VictoriaMetrics we us