Loading repository data…

Heat.js GitHub Details, Stars and Alternatives | OpenRepoFinder

williamtroup / repository

Heat.js

🌞 A highly customizable JavaScript library for generating interactive heatmaps. It transforms data into smooth, visually intuitive heat layers, making patterns and intensity easy to spot at a glance.

#activity#angular#bar-chart#chart#css#date

View Repository on GitHub ↗

REPOSITORY OVERVIEW

Live repository statistics

★ 904Stars

⑂ 18Forks

◯ 0Open issues

◉ 904Watchers

88/100

OPENREPOHUB HEALTH SIGNAL

Strong signals

A transparent discovery signal based on current public GitHub metadata.

Recent activity35% weight

100

Community adoption25% weight

Maintenance state20% weight

100

License clarity10% weight

100

Project information10% weight

100

This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.

README preview

😏 Zero-dependencies and extremely lightweight!
🦾 100% TypeScript, allowing greater support for React, Angular, and other libraries!
💻 Full API available via public functions.
🎏 60 languages available!
📱 Fully styled in CSS/SASS, fully responsive, and compatible with the Bootstrap library!
🌈 Full CSS theme support (using :root variables), with dark and light themes (31 available by default).
🔍 6 views supported: Map, Line, Chart, Days, Months, and Color Ranges!
🔍 Yearly statistics (shows total for day, week, month, and year).
📃 Auto spawning support (when HTML is added via 3rd party libraries).
☑️ Configuration dialog support per view.
⭐ Fully configurable per DOM element via binding options.
🎥 Toggling colors on/off support.
🔨 9 export formats supported.
🔨 7 import formats supported.
💁 Trend types allows data to be split up and viewed separately.
❓ Customizable tooltips.
💧 Data pulling (does not support trend types).
🌈 Color ranges support different colors per view.
💥 Custom year month range support (Jan-Dec, or Apr-Mar).

All the documentation can be found here.

All modern browsers (such as Google Chrome, FireFox, and Opera) are fully supported.

npm install jheat.js

https://cdn.jsdelivr.net/gh/williamtroup/Heat.js@5.2.0/dist/heat.min.js
https://cdn.jsdelivr.net/gh/williamtroup/Heat.js@5.2.0/dist/heat.js.min.css

<!DOCTYPE html>

<link rel="stylesheet" href="dist/heat.js.css">
<script src="dist/heat.js"></script>

<div id="heat-map" data-heat-js="{ 'views': { 'map': { 'showDayNames': true } } }">
    Your HTML.
</div>

<script>
  let newDateObject = new Date();

  $heat.addDate( "heat-map", newDateObject, "Trend Type 1", true );
  $heat.removeDate( "heat-map", newDateObject, "Trend Type 1", true );
</script>

<script> 
  $heat.setConfiguration( {
      safeMode: false
  } );
</script>

Heat.js

Live repository statistics

Strong signals

README preview

1. Prerequisites:

2. Include Files:

3. DOM Element Binding:

4. Adding Dates:

5. Finishing Up:

1. Public Functions:

2. Configuration: