drtools-metric visualization

How can I view the data generated by drtools-metric?

Description

The drtools-metric generates data in open formats such as CSV and JSON.

This provides developers with great flexibility to use and integrate the data with other tools, ranging from spreadsheets to machine learning platforms.

Nevertheless, we developed a tool that allows you to read the data generated directly from the source code, enabling developers to view drtools-metric data in a simple and straightforward way.

An online demo is available here.

drtools-metric visualization in action

Requirements and Install Instruction

  • Have a simple local web server installed (e.g., Apache, XAMPP, Nginx, among others)
  • Download the tool and unzip it into a directory within the web server folder (e.g., htdocs)
  • Create a folder for your project inside the datasets directory
  • Copy the files generated by drtools-metric into the created folder
  • Edit the drtools-properties.js file by copying the template structure and updating it to reference your project and files
  • Update the references to your project files accordingly

Main Features

  • Simple visualization of combined metrics
  • Contextualized views with filtering options
  • Metric thresholds and statistics, including average, median, standard deviation, first quartile, third quartile, range, min/max values, and upper fence (for outlier detection)
  • Various chart types (bubble charts, thermometer charts, chord diagrams, bar charts, Sankey diagrams, and more)
  • Built using Google Charts and D3.js

Video Demonstration

Generated files by context (Suggestion)

The developer can generate the data using the -mv option and --save output format.

Also, the developer can generate files with the -top option if they need to view the most problematic elements.

  • Summary (-s option): CSV format; name suggested - drtools-metric-summary.csv
  • Namespaces (-n option): CSV format; name suggested - drtools-metric-namespaces.csv
  • Types (-t option): CSV format; name suggested - drtools-metric-types.csv
  • Methods (-m option): CSV format; name suggested - drtools-metric-methods.csv
  • Namespace Coupling (-nc option): CSV format; name suggested - drtools-metric-namespace-coupling.csv
  • Type Coupling (-tc option): CSV format; name suggested - drtools-metric-type-coupling.csv
  • Internal Dependencies (-id option): JSON format; name suggested - drtools-metric-internal-dependencies.json
  • Cyclic Dependencies (-cd option): CSV format; name suggested - drtools-metric-cyclic-dependencies.json