Giter Site home page Giter Site logo

pmzhou / aec-visual-reports Goto Github PK

View Code? Open in Web Editor NEW

This project forked from autodesk-forge/aec-visual-reports

0.0 2.0 0.0 12.08 MB

Data visualization on 3D model in Node.js: Demonstrates interactive reporting capability of Autodesk Forge Viewer

License: MIT License

JavaScript 20.90% CSS 79.00% HTML 0.10%

aec-visual-reports's Introduction

Forge AEC Visual Reports

Node.js npm Platforms License

oAuth2 Viewer

Description

This example demonstrates the reporting capability of Autodesk Forge Viewer. Select the model from the Home page to see the 2D and 3D representations of the model in the left pane. If the model has a 2D sheet, it will also be loaded along with a visual report showing the vital statistics of the model.

Additionally, you can view charts representing the quantity of the objects based on the selected attributes, such as types or materials. You can click on a wedge in the pie chart to highlight the corresponding objects in the model.

Thumbnail

thumbnail

Running the sample

Configuration is controlled by NODE_ENV environment variable, make sure to set it properly to development or production, based on the configuration type you want to run.

In development, the client is dynamically built by the webpack-dev-middleware, so just run:

  • npm install (downloads project dependencies locally)

  • npm start (builds client on the fly and run server)

  • open http://localhost:3000 in your favorite browser

In production, the client requires a build step, so run:

  • npm install (not required if you already run at previous step)

  • npm run build-prod && npm start (builds client and run server)

  • open http://localhost:3000 in your favorite browser

License

That samples are licensed under the terms of the MIT License.

Written by

Jaime Rosales D.
Twitter Follow
Forge Partner Development
Forge Developer Portal

aec-visual-reports's People

Contributors

cyrillef avatar jaimerosales avatar kimekeunkyung avatar leefsmp avatar

Watchers

 avatar  avatar

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.