Giter Site home page Giter Site logo

forge-dataviz-2d's Introduction

forge-dataviz-2d

This sample demonstrates how to add/remove sprites of Autodesk Forge Data Visualization extension.

Just navigate to any of the html files in the public subfolder.

Demo Video

Click here or click on the above picture to view the video

Running locally

  1. Get your Forge app client ID and client secret (see how to create an app)
  2. Clone this repository, and navigate to the project's folder in your terminal
  3. Install npm dependencies
    • npm install
  4. Specify env. variables FORGE_CLIENT_ID, FORGE_CLIENT_SECRET, and PORT
    • export FORGE_CLIENT_ID=<your client id>
    • export FORGE_CLIENT_SECRET=<your client secret>
    • export PORT=3000
  5. Run the app
    • npm start

If you're using Visual Studio Code, skip the steps 4 and 5, and instead create a .vscode/launch.json in the project's folder with the following JSON:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "program": "${workspaceFolder}/server.js",
            "env": {
                "FORGE_CLIENT_ID": "<your client id>",
                "FORGE_CLIENT_SECRET": "<your client secret>",
                "PORT": 3000
            }
        }
    ]
}

Then you can run and debug the application with F5, or by going to Run > Start Debugging.

License

This sample is licensed under the terms of the MIT License. Please see the LICENSE file for full details.

Written by

Eason Kang @yiskang, Forge Partner Development

forge-dataviz-2d's People

Contributors

yiskang avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

ehtick

forge-dataviz-2d's Issues

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.