{summary.playableTracks} with BPM analysis
+
+
+
+ Client-only Engine DJ map
+See where your key and BPM density actually lives.
+
+ Load a local Engine DJ SQLite database in the browser, inspect harmonic and
+ tempo hotspots, and drill into sparse areas without
+ uploading your library anywhere. Engine DJ usually stores it at
+ {' '}
+
+ ~/Music/Engine Library/Database2/m.db
+
+ {' '}
+ on macOS or
+ {' '}
+
+ %USERPROFILE%\Music\Engine Library\Database2\m.db
+
+ {' '}
+ on Windows.
+
+
+
+
+
+
+ -
+
- Reads SQLite locally with sql.js (WASM). +
- On supported browsers, the picker starts in your Music folder. +
- Understands Track / Playlist / PlaylistEntity relationships. +
- Exports both charts as PNG snapshots for notes or prep docs. +
+
+ Current source
+ {library.sourceName} +{library.source === 'mock' ? 'Demo dataset' : 'Local SQLite database'}
+
+
+ Playlist scope
+ {selectedPlaylistName} +{library.playlists.length} detected playlists
+
+
+ Privacy
+ Browser only +No upload path, no remote API, no backend.
+
+
+ Version
+ v{APP_VERSION} +
+
+
+
+
+
+
+
+
+
+
+
+
+ + {bpmBands.length} bands at {bpmBandSize} BPM granularity +
+0–5 star normalized scale
+Camelot cells represented
+
+
+
+
+ Polar harmonic density map
++ Camelot {formatKeyModeDescription(polarKeyMode)} wedges outside-in by {bpmBandSize}{' '} + BPM ring. +
+
+
+
+ {POLAR_KEY_MODES.map((mode) => (
+
+ ))}
+
+
+
+
+
+
+ BPM versus key heatmap
++ Quick comparison of dense and empty harmonic/tempo cells for Camelot{' '} + {formatKeyModeDescription(polarKeyMode)} keys. +
+
+
+
+ {POLAR_KEY_MODES.map((mode) => (
+
+ ))}
+
+
+ Selected region
+ {selectedCell ? ( + <> ++ {selectedCell.camelotKey} · {selectedCell.bandLabel} · {selectedCell.count} track + {selectedCell.count === 1 ? '' : 's'} +
+-
+ {selectedCell.tracks.length > 0 ? (
+ selectedCell.tracks.map((track) => (
+
-
+ + {track.artist} + {track.title} +++ {track.bpm ? `${track.bpm.toFixed(1)} BPM` : 'No BPM'} + {track.camelotKey} + {formatRating(track)} ++
+ ))
+ ) : (
+
- No tracks live in this cell with the current filters. + )} +
+ Click a polar wedge or heatmap cell to inspect the exact tracks inside it. +
+ )} +Sparse / missing regions
+ {sparseCells.length > 0 ? ( +-
+ {sparseCells.map((cell) => {
+ const status = getSparseCellStatus(cell)
+ const regionSummary =
+ cell.cellCount === 1 ? '1 cell' : `${cell.cellCount} cells`
+
+ return (
+
-
+ {cell.cellCount === 1 ? (
+
+ ) : (
+ + {cell.camelotKey} + {cell.bandLabel} + {status} + {regionSummary} ++ )} +
+ )
+ })}
+
No sparse or empty regions remain after the current filters.
+ )} +