All Projects → pradeepvemulakonda → JMeter-Charts

pradeepvemulakonda / JMeter-Charts

Licence: other
Application used to generate reports by uploading a JTL file to a rest server

Programming Languages

HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to JMeter-Charts

Swiftcharts
Easy to use and highly customizable charts library for iOS
Stars: ✭ 2,336 (+12194.74%)
Mutual labels:  chart, charts
Charts.css
Open source CSS framework for data visualization.
Stars: ✭ 4,595 (+24084.21%)
Mutual labels:  chart, charts
Squid
A Ruby library to plot charts in PDF files
Stars: ✭ 205 (+978.95%)
Mutual labels:  chart, charts
React Native Charts Wrapper
a react native charts wrapper (support android & iOS)
Stars: ✭ 2,111 (+11010.53%)
Mutual labels:  chart, charts
UCharts
UCharts allows creating radar charts, pie charts, half pie chart in your Unity3d Games.
Stars: ✭ 33 (+73.68%)
Mutual labels:  chart, charts
Graphic
A Flutter data visualization library based on Grammar of Graphics.
Stars: ✭ 173 (+810.53%)
Mutual labels:  chart, charts
Cedar
JavaScript Charts for ArcGIS
Stars: ✭ 230 (+1110.53%)
Mutual labels:  chart, charts
Devextreme
HTML5 JavaScript Component Suite for Responsive Web Development
Stars: ✭ 1,385 (+7189.47%)
Mutual labels:  chart, charts
uncharted
No description or website provided.
Stars: ✭ 31 (+63.16%)
Mutual labels:  chart, charts
Laue
🖖📈 Modern charts for Vue 2.0
Stars: ✭ 245 (+1189.47%)
Mutual labels:  chart, charts
React D3 Components
D3 Components for React
Stars: ✭ 1,599 (+8315.79%)
Mutual labels:  chart, charts
LineChartView
An interactive line chart written in SwiftUI with many customizations (colors, line size, dots, haptic feedbacks). Support value and time series.
Stars: ✭ 59 (+210.53%)
Mutual labels:  chart, charts
Orcharts
饼状图、环形图、扇形图、曲线图、折线图
Stars: ✭ 125 (+557.89%)
Mutual labels:  chart, charts
Charts
⚡ Laravel Charts — Build charts using laravel. The laravel adapter for Chartisan.
Stars: ✭ 2,337 (+12200%)
Mutual labels:  chart, charts
Anychart Android
AnyChart Android Chart is an amazing data visualization library for easily creating interactive charts in Android apps. It runs on API 19+ (Android 4.4) and features dozens of built-in chart types.
Stars: ✭ 1,762 (+9173.68%)
Mutual labels:  chart, charts
Reaviz
📊 Data visualization library for React based on D3
Stars: ✭ 215 (+1031.58%)
Mutual labels:  chart, charts
Ac D3
Javascript Library for building Audiovisual Charts in D3
Stars: ✭ 76 (+300%)
Mutual labels:  chart, charts
Arcchartview
Arc Chart View (Draw Creative Statistic Arc Charts)
Stars: ✭ 96 (+405.26%)
Mutual labels:  chart, charts
Covid 19
📈 Coronavirus (COVID-19) dashboard to show the dynamics of Сoronavirus distribution per country
Stars: ✭ 245 (+1189.47%)
Mutual labels:  chart, charts
Mermaid
Provides a parser function to generate diagrams and flowcharts with the help of the mermaid script language
Stars: ✭ 27 (+42.11%)
Mutual labels:  chart, charts

JMeter Charts Application

This application is used to upload JMeter Jtl reports to automatically generate reports.

For detailed usage -> WIKI

Data from the jtl files are extracted and persisted in a mongoDB database.

The data is organized as Project >> version >> build >> report >> data.

The front end is built using JQuery and uses REST API to communicate with the Nodejs application in the backend.

A REST server is created to accept .jtl/.xml files and use an existing xsl stylesheet to populate data in mongodb. This data will be used to display charts in the frontend /html page.

The following Charts are generated using d3.js

  1. Average Response times vs Samples (Bar Chart).
  2. Average Response times vs No of Active Threads (Line Chart).
  3. Average Number of Active Threads vs Execution time(Line Chart).
  4. Compare Versions : - Average Response times vs Samples.
  5. In all Charts selecting the legend(Sample) will toggle the chart element(bar or line) display(show or hide).
  6. Compare two version's response times
  7. Compare two build's response times

Additional info provided.

  • Setup the samples to be used for displaying the charts.
  • Display the latest build and project on login.
  • Provide support to Upload JTL/XML files from frontend.
  • Drag and drop result files(JTL/XML) and upload.
  • Using Requirejs for dependancy management.
  • Following AMD module structure for js files.
Nodejs server uses Express and MongodDB driver.

Installation

Prerequisits
  • Install java 6/7/8
  • Works only on Firefox and Chrome(on IE the report generation does not work, Promises in the code breaks the stuff).

Step 1: bower install (all js components are copied to folder /src/main/web/static/js/lib) Note:rasterizehtml is not a bower dependancy.

Step 2: npm install.

Step 3: Install mongodb.

Step 4: provide the db details src/main/config.json.

Running

Step 1: node app.js in the src/main folder

Step 2: In the frontend if you want to see the report you need to select a project >> And select config tab >> check all the smaples you want to include in your report >> save/set samples.

Usage
* Use the upload report page to upload *.jtl/*.xml files * Use the navigation links to check reports * Use the Action menue on the right side of the report section to download report as pdf. * Use the Action menue on the right side of the chart section to download the image. * To compare two versions select both of the versions and select compare.(same for builds) * Only a single results file can be uploaded at a time.
TODO
* Css to Less. * Unit tests ( Even though there is not much functionality in the backend). * Angualar port. * Display charts in mobile browsers.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].