Git Product home page Git Product logo

d3-bullet-chart's Introduction

D3 Bullet Chart Extension

Qlik Sense Extension for Dimensional Bullet Charts using D3

Project Description

This extension allows the user to create a bullet chart in Qlik Sense (using the D3.js library) that allows the user to visualize up to three measures across one or no dimensions. The linear gauge chart in Qlik Sense only allows for a maximum of two dimensions and does not allow the user to create a bar for each dimension. This project intends to provide the user with a much more extensive ;) charting option.

Installation Instructions

To use this extension, place the 'D3 Bullet Chart' folder in the directory C:\Users%USERNAME%\Documents\Qlik\Sense\Extensions. Launch Qlik Sense and open an app, edit the app, and drag the 'D3 Bullet Chart' Chart Object into the sheet where you'd like it to appear. Add a dimension (optional) and at least one measure. Under the 'Chart Configuration' menu, there are a number of options to change colors and sizing of the various pieces of the chart.

There is also a sample application included in the folder, copy the file 'D3 Bullet Chart Sample App.qvf' into the directory C:\Users%USERNAME%\Documents\Qlik\Sense\Apps then the application will appear in your Qlik Sense Hub. This sample app provides examples of how the extension can be altered to provide different looks.

Have fun!

Examples

Standard example, basic colors with a uniform axis First example image

Example with altered colors and an independent axis Second example image

Bullet chart example with no dimensions Third example image

Two bullet charts with various configuration options shown Fourth example image

Extension Information

This extension was developed using a D3 example for bullet charts as a base. However, this extension allows you to add a dimension that will create multiple bullet charts within a single extension.

Author

Kevin McGovern

Contributions, Comments, Feedback & Questions

If you would like to contribute, have any questions, found any bugs, etc., please create an issue on GitHub.

Resources Used in this Extension

License

This extension is provided 'as is' under the MIT License.

Additional license information for this extension.

d3-bullet-chart's People

Contributors

mcgovey avatar

Watchers

James Cloos 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.