Light

thegreystone / jmc-flame-view Goto Github PK

View Code? Open in Web Editor NEW

104.0 10.0 11.0 45 KB

View for Mission Control for rendering stack traces as flame graphs. Note that this is now part of JMC 7.1.0, and all further development will take place in the JMC repos.

License: Other

Java 89.29% HTML 10.71%

flamegraph jmc jdk-mission-control jmc-plug-in

jmc-flame-view's Introduction

jmc-flame-view

Community collaboration to provide a view that renders stacktrace selections as flame graphs in Mission Control.

Note that this code is now contributed to the JMC project.

For the latest version, check the JDK Mission Control repo at https://github.com/openjdk/jmc.

This plug-in should provide a good example for how to use JavaScript visualization technologies to render complex information from java flight recordings in JDK Mission Control.

To start working on the flame-view, and to test the flame-view:

First import the JMC project into Eclipse.
Don't forget to import the launchers.
Copy and rename one of the launchers (for example the JMC RCP plug-ins launcher), to have your own launcher configuration.
Import the two eclipse projects (the plug-in and the feature projects) from this repo into your eclipse.
Add org.openjdk.jmc.feature.flightrecorder.ext.flamegraph to the features to launch in your launcher.
Launch JMC from within Eclipse with your new launcher.

To use the view in JMC:

Go to Window | Show View | Other...
Select Mission Control / Flame View
Put the view where you want it, and select something in the UI that normally has a stack trace aggregate, for example something from the Memory page, or something from the Method Profiling page

For more detailed instructions on how to get going, see http://hirt.se/blog/?p=989.

jmc-flame-view's People

Contributors

Stargazers

Watchers

Forkers

mirage22 zhaoyunjiong matrixxun rockystevejobs sosojustdo chrishantha nbogojevic petmir olka fr0l jerrinot

jmc-flame-view's Issues

Any Getting started doc?

Hi @thegreystone,

any note to use the flame view?

Great idea

Cheers

Juan Antonio

Add configuration options.

The flame graph library supports turning the graph upside down (icicle graph). We should support switching between icicle graphs and flame graphs, and add a nice color function (flameGraph.color([function])) for providing a spectrum of bluish colors.

No labels on Windows 10.

Probably has something to do with Edge.

Ridiculously large JSons.

So, JSon is a ridiculously inefficient format for stack traces - they can easily become very large. We may want to warn the user when they become too large, maybe a configurable limit. We should also try to use a more compact format, for example not using "name", "value" and "children", but rather "n", "v" and "c". The examples seem to indicate that it should be possible:
https://github.com/spiermar/d3-flame-graph

Bundle the JSon libraries with the plug-in.

It would be nice to be able to work with the Flame Graph view, even when there is no direct connection to https://cdnjs.cloudflare.com. That said, it may be an issue getting at the resources as they are in a jar, and need to be referenced from the HTML. One solution would be to just write the JavaScript libraries to a well known location (a well known folder in temp for example). That however may be considered a security risk.

This bug is about figuring out how to best accomplish bundling the JSon libraries with the plug-in. ;)

Resize chart on view resize

Whenever the view is resized, the chart should be resized to fit the view. (At least the width.)

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.