PiotrFerenc/gist:fdab1157627e628b1699da456a4d773d

## gistfile1.txt
<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamiczny Diagram Mermaid</title>
    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
    <style>
        #mermaid {
            border: 1px solid black;
            padding: 10px;
            margin: 20px;
        }
    </style>
</head>
<body>
    <div id="mermaid"></div>
    <script>
        mermaid.initialize({startOnLoad: false});

        const mermaidContainer = document.getElementById('mermaid');

        function clearMermaid() {
            mermaidContainer.innerHTML = '';
            mermaid.contentLoaded();
        }

        function renderMermaidDiagram(diagramCode) {
            clearMermaid();
            mermaidContainer.innerHTML = diagramCode;
            mermaid.init(undefined, mermaidContainer);
        }

        const initialDiagram = `
        graph TD;
            A-->B;
            A-->C;
            B-->D;
            C-->D;
        `;

        const updatedDiagram = `
        graph TD;
            A-->B;
            B-->C;
            C-->D;
            D-->A;
        `;

        renderMermaidDiagram(initialDiagram);

        setTimeout(() => {
            renderMermaidDiagram(updatedDiagram);
        }, 5000);
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="pl">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Dynamiczny Diagram Mermaid</title>
	<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
	<style>
	#mermaid {
	border: 1px solid black;
	padding: 10px;
	margin: 20px;
	}
	</style>
	</head>
	<body>
	<div id="mermaid"></div>
	<script>
	mermaid.initialize({startOnLoad: false});

	const mermaidContainer = document.getElementById('mermaid');

	function clearMermaid() {
	mermaidContainer.innerHTML = '';
	mermaid.contentLoaded();
	}

	function renderMermaidDiagram(diagramCode) {
	clearMermaid();
	mermaidContainer.innerHTML = diagramCode;
	mermaid.init(undefined, mermaidContainer);
	}

	const initialDiagram = `
	graph TD;
	A-->B;
	A-->C;
	B-->D;
	C-->D;
	`;

	const updatedDiagram = `
	graph TD;
	A-->B;
	B-->C;
	C-->D;
	D-->A;
	`;

	renderMermaidDiagram(initialDiagram);

	setTimeout(() => {
	renderMermaidDiagram(updatedDiagram);
	}, 5000);
	</script>
	</body>
	</html>