pm4js
Version:
Process Mining for Javascript
29 lines (28 loc) • 1.04 kB
HTML
<html>
<head>
<script src="../../pm4js/utils/browser/jquery.min.js"></script>
<script src="../../dist/pm4js_latest.js"></script>
</head>
<body>
<div id="showEventLog">
</div>
<script type="text/javascript">
$.get("../input_data/running-example.xes", function(data) {
let eventLog = XesImporter.apply(data);
let showEventLog = document.getElementById("showEventLog");
for (let trace of eventLog.traces) {
let traceCaseId = document.createElement("span");
let traceEvents = document.createElement("ul");
showEventLog.appendChild(traceCaseId);
showEventLog.appendChild(traceEvents);
traceCaseId.innerHTML = "case "+trace.attributes["concept:name"].value;
for (let eve of trace.events) {
let eveLi = document.createElement("li");
traceEvents.appendChild(eveLi);
eveLi.innerHTML = "event (activity: "+eve.attributes["concept:name"].value+"; timestamp: "+eve.attributes["time:timestamp"].value;
}
}
});
</script>
</body>
</html>