Coder Social home page Coder Social logo

querytile-extended's Introduction

QueryTile Extended

Widget preview

Widget for TFS and VSTS allowing to mimic the QueryTile widget with various types of visualizations and enhanced customization. Now, you can display your data in different visualization formats including:

  • Number
  • Bar
  • Line
  • Pie
  • Donut
  • Polar
  • Radar

You can also choose the colors for the charts and group the data as needed. The available aggregation functions include:

  • Sum
  • Highest
  • Lowest
  • Average
  • Count empty values
  • Count non-empty values

HowTo

First, take a look at the configuration:

Configuration preview

Start by choosing a name for your widget, and a size (from 1x1 to 4x4).

Then select a public query with the Query dropdown.

Next, choose the type of visualization you want to use (number, bar, line, pie, donut, polar, or radar).

You can then select the field on which you want to apply an aggregation function. The field dropdown presents you with all integer or decimal fields configured on your project, even if the chosen query doesn't return them.

You can also choose the colors for the charts and decide how to group the data.

If needed, you can apply some multiplication or division factors (for days to hour conversion, for example).

By applying certain aggregation functions or division factors, you may end up with decimal values. To make the presentation cleaner, you can apply rounding.

Finally, you can set the unit of the aggregation result you will show, and the background color of the widget.

Browser compatibility

The widget is working on :

  • Arc Browser ❤️
  • Chrome
  • Firefox
  • Edge

Evolutions

If you have ideas for this widget to evolve, including new visualization types or other enhancements, don't be shy and contact me on github.

License

The code is open sourced under the MIT license. We love and encourage community contributions.

querytile-extended's People

Contributors

arsenikstiger avatar supolivier avatar aurelienweproov avatar aurelien-sudre 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.