Giter Club home page Giter Club logo

jsvisualisationemf's Introduction

Data visualisation for EMF models

In this subject, the students will have to evaluate the proper data visualization for EMF models. Nowadays, there are countless of data visualization frameworks from d3.js [1] to sigma.js [2] or even two.js [3] and three.js [4]. The candidates will have to investigate the state of the art in data visualization in order to experiment the best data visualization approach for EMF models. It will also be necessary to find out how those visualization can be linked to the graph of model elements created by EMF. Some data visualization strategy may require a small binding strategy like in Excel when you want to connect a chart to some data in a table. You will have to keep in mind that in industrial use cases, EMF models can be composed of hundreds of resources with hundred thousands of model elements. To implement this projects, the student should start by exposing as a HTTP + Json API some data from EMF models using Java servlets and then use JavaScript frameworks for the data-visualization. Students will need to determine what kind of information should be exposed as a HTTP API depending on the kind of visualization supported.

1: https://d3js.org/ 2: http://sigmajs.org/ 3: https://two.js.org/ 4: https://threejs.org/

Setup of dev tools

1. Node.js version manager

For windows users : https://github.com/marcelklehr/nodist/releases

For Linux users : https://github.com/nodenv/nodenv#installation

For Mac users : https://github.com/nodenv/nodenv#homebrew-on-mac-os-x

2. Install of the last LTS version of node.js

On terminal (PowerShell on windows)

nodist + 8.9.4

3. Vue-cli

On terminal (PowerShell on windows)

npm install -g vue-cli

4. On the web-app folder

On terminal (PowerShell on windows)

npm install

To run app

On terminal (PowerShell on windows)

npm run dev # on web-app folder

App is available on url http://localhost:8080

jsvisualisationemf's People

Contributors

faidetu avatar mbats 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.