https://github.com/marlon360/xr-graph

📈🥽 View mathematical function graphs in Virtual Reality and Augmented Reality.
https://github.com/marlon360/xr-graph

aframe ar graph hacktoberfest maths threejs vr webxr

Last synced: about 1 month ago
JSON representation

📈🥽 View mathematical function graphs in Virtual Reality and Augmented Reality.

• Host: GitHub
• URL: https://github.com/marlon360/xr-graph
• Owner: marlon360
• License: mit
• Created: 2019-10-11T10:21:45.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-02-01T07:33:15.000Z (almost 2 years ago)
• Last Synced: 2024-09-27T12:03:42.422Z (about 1 month ago)
• Topics: aframe, ar, graph, hacktoberfest, maths, threejs, vr, webxr
• Language: JavaScript
• Homepage: https://xr-graph.now.sh
• Size: 25 MB
• Stars: 146
• Watchers: 7
• Forks: 24
• Open Issues: 40
• Metadata Files:
  • Readme: Readme.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• vr-resources - xr-graph, View mathematical function graphs in Virtual Reality and Augmented Reality.

README

        
# XR Graph

With XR Graph it is possible to view mathematical graphs in VR and AR.

With the provided browser extension you can view functions directly from [https://wolframalpha.com](https://wolframalpha.com), [http://weitz.de/plot](http://weitz.de/plot) or [https://www.google.com/](https://www.google.com/).

![WebVR](./media/webxr.gif)

![AR](./media/ar.gif)

## Browser Extensions

Firefox: [XR Graph - Browser Integration](https://addons.mozilla.org/en-US/firefox/addon/xr-graph-browser-integration/)

Chrome: [XR Graph - Browser Integration](https://chrome.google.com/webstore/detail/xr-graph-browser-integrat/mkapnmjibodohclhpalpcohdibinijfi?hl=en)

## How to run locally

0. Requirements

    - Node.js

    - NPM

1. Navigate to the `webxr` folder.

`cd webxr`

2. Install dependencies

`npm install`

3. Start Development Server

`npm start`

4. Navigate to [https://localhost:8080](https://localhost:8080) for VR experience

5. Navigate to [https://localhost:8080/ar.html](https://localhost:8080/ar.html) for AR experience

Marker for AR:



## Documentation

[The Surface Graph](./docs/graph.md)

[Browser Extension](./docs/browser_extension.md)