LogCharts

A tool for viewing the logs generated by HWInfo, a hardware monitoring program.

<img src="demo.gif" width="100%" />

🌐 Check it at https://logcharts-io.pages.dev/.

Contents

• Features
• Installation
• Getting Started
• Contributing
• Built with
• Acknowledgements
• License

Features

• The log data can be viewed in a line chart that changes according to the selected log field
• See individual values on the line with the tooltip
• See more details when viewing smaller parts of the chart with brushing
• Add multiple lines to compare different data over time

By interpreting the HWInfo logs in a more intuitive way, you can have a better idea of how your computer is working, which allows you to identify problems and find solutions more easily.

Installation

Clone this project

git clone https://github.com/leo-holanda/logcharts.io.git

Install dev dependencies

npm i

Getting Started

Install Live Server extension in VSCode

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Click in "Go Live" which should appear in the bottom right corner of the screen

Or just open index.html in your browser

Contributing

Feel free to submit any issues or enhancement requests! I will do my best to fix or implement it. Already have a solution? Pull requests are also welcome!

Built with

• Vanilla JavaScript
• D3.js
• Papa Parse
• SASS
• Pickr

Acknowledgements

• Observable
• The D3 Graph Gallery

License

MIT