@prachwal/mandelbrot-generator

<!DOCTYPE html><html class="default" lang="en" data-base="./"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>@prachwal/mandelbrot-generator - v1.1.1</title><meta name="description" content="Documentation for @prachwal/mandelbrot-generator"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="assets/style.css"/><link rel="stylesheet" href="assets/highlight.css"/><script defer src="assets/main.js"></script><script async src="assets/icons.js" id="tsd-icons-script"></script><script async src="assets/search.js" id="tsd-search-script"></script><script async src="assets/navigation.js" id="tsd-nav-script"></script><script async src="assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="index.html" class="title">@prachwal/mandelbrot-generator - v1.1.1</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><h1>@prachwal/mandelbrot-generator - v1.1.1</h1></div><div class="tsd-panel tsd-typography"><h1 id="mandelbrot-generator" class="tsd-anchor-link">Mandelbrot Generator<a href="#mandelbrot-generator" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h1>Professional fractal generator with TypeScript support, interactive web interface, and multiple output formats. Supports Mandelbrot Sets, Julia Sets, and Burning Ship fractals. <a href="https://www.npmjs.com/package/@prachwal/mandelbrot-generator"><img src="https://img.shields.io/npm/v/@prachwal/mandelbrot-generator" alt="NPM Version"></a> <a href="https://www.npmjs.com/package/@prachwal/mandelbrot-generator"><img src="https://img.shields.io/npm/dm/@prachwal/mandelbrot-generator" alt="NPM Downloads"></a> <a href="https://www.typescriptlang.org/"><img src="https://img.shields.io/badge/TypeScript-5.2.2-blue" alt="TypeScript"></a> <a href="https://jestjs.io/"><img src="https://img.shields.io/badge/Jest-29.7.0-green" alt="Jest"></a> <a href="#testy"><img src="https://img.shields.io/badge/Coverage-100%25-brightgreen" alt="Coverage"></a> <a href="./web/docs/index.html"><img src="https://img.shields.io/badge/Docs-TypeDoc-blue" alt="Documentation"></a> <a href="https://vitejs.dev/"><img src="https://img.shields.io/badge/Vite-7.0.4-646CFF" alt="Vite"></a> <h2 id="📦-instalacja" class="tsd-anchor-link">📦 Instalacja<a href="#📦-instalacja" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><h3 id="jako-pakiet-npm-zalecane" class="tsd-anchor-link">Jako pakiet NPM (zalecane)<a href="#jako-pakiet-npm-zalecane" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="bash"># Instaluj pakiet globalnie npm install -g @prachwal/mandelbrot-generator # Lub dodaj do swojego projektu npm install @prachwal/mandelbrot-generator </code><button type="button">Copy</button></pre> <h3 id="lokalne-uruchomienie" class="tsd-anchor-link">Lokalne uruchomienie<a href="#lokalne-uruchomienie" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="bash">git clone https://github.com/prachwal/mandelbrot-generator.git cd mandelbrot-generator npm install </code><button type="button">Copy</button></pre> <h2 id="✨-funkcje" class="tsd-anchor-link">✨ Funkcje<a href="#✨-funkcje" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><ul> <li>🎨 Wieloalgorytmowe generowanie fraktali: <ul> <li>🌀 Mandelbrot Set - Klasyczny zbiór Mandelbrota z konfigurowalnymi parametrami</li> <li>🌸 Julia Sets - Zbiory Julii z predefiniowanymi presetami (smok, samolot, spirala, etc.)</li> <li>🔥 Burning Ship - Fraktal "płonący statek" z unikalną formułą abs(z)² + c</li> </ul> </li> <li>🔍 Konfigurowalne parametry (rozdzielczość, zakres, iteracje)</li> <li>🌈 Wielokolorowe palety dla wizualizacji</li> <li>💻 Wersja dla Node.js (zapisuje do pliku SVG)</li> <li>🌐 Wersja dla przeglądarki z interaktywnym interfejsem</li> <li>⚡ Optymalizowane obliczenia</li> <li>📚 Pełna dokumentacja TypeScript z JSDoc</li> <li>🏗️ Nowoczesny stack: TypeScript + Vite + Jest</li> <li>📦 Dostępny jako pakiet NPM</li> <li>🔧 Kompletne TypeScript API</li> </ul> <h2 id="🚀-szybki-start" class="tsd-anchor-link">🚀 Szybki start<a href="#🚀-szybki-start" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><h3 id="użyj-jako-pakiet-npm" class="tsd-anchor-link">Użyj jako pakiet NPM<a href="#użyj-jako-pakiet-npm" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="bash"># Zainstaluj pakiet npm install @prachwal/mandelbrot-generator # Użyj w swoim projekcie import { generateMandelbrotSVG, defaultConfig } from '@prachwal/mandelbrot-generator'; const svg = generateMandelbrotSVG({ ...defaultConfig, width: 800, height: 600, colorPalette: 'fire' }); console.log('Generated SVG:', svg.length, 'characters'); </code><button type="button">Copy</button></pre> <h3 id="cli-po-instalacji-globalnej" class="tsd-anchor-link">CLI (po instalacji globalnej)<a href="#cli-po-instalacji-globalnej" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="bash"># Instaluj globalnie npm install -g @prachwal/mandelbrot-generator # Generuj fractal mandelbrot-generator --width 1920 --height 1080 --iterations 256 </code><button type="button">Copy</button></pre> <h2 id="💻-użycie" class="tsd-anchor-link">💻 Użycie<a href="#💻-użycie" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><h3 id="npm-package-api" class="tsd-anchor-link">NPM Package API<a href="#npm-package-api" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="typescript">import { generateMandelbrotSVG, saveImageAsSVG, defaultConfig, interestingPoints, type MandelbrotConfig } from '@prachwal/mandelbrot-generator'; // Szybkie generowanie Mandelbrota const svg = generateMandelbrotSVG(defaultConfig); // Z customową konfiguracją const config: MandelbrotConfig = { width: 1200, height: 800, maxIterations: 256, centerX: -0.7269, centerY: 0.1889, zoom: 100, colorPalette: 'fire' }; const customSvg = generateMandelbrotSVG(config); // Zapisz do pliku const outputPath = saveImageAsSVG(config, 'my-fractal.svg'); console.log(`Saved to: ${outputPath}`); // Użyj predefiniowanych lokacji const elephantSvg = generateMandelbrotSVG({ ...defaultConfig, ...interestingPoints.elephant, maxIterations: 512 }); </code><button type="button">Copy</button></pre> <h3 id="bezpośrednie-użycie-algorytmów" class="tsd-anchor-link">Bezpośrednie użycie algorytmów<a href="#bezpośrednie-użycie-algorytmów" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="typescript">import { MandelbrotFractal, JuliaFractal, BurningShipFractal, fractalEngine } from '@prachwal/mandelbrot-generator'; // Użyj konkretnego algorytmu const mandelbrot = new MandelbrotFractal(); const julia = new JuliaFractal(); const burningShip = new BurningShipFractal(); // Lub użyj FractalEngine do zarządzania algorytmami const availableAlgorithms = fractalEngine.getAllAlgorithms(); const juliaAlgorithm = fractalEngine.getAlgorithm('julia'); // Generuj z dowolnym algorytmem const config = julia.defaultConfig; config.juliaC = JuliaFractal.getPresets().dragon; const imageData = julia.generateData(config); </code><button type="button">Copy</button></pre> <h3 id="nodejs-cli-lokalne-uruchomienie" class="tsd-anchor-link">Node.js CLI (lokalne uruchomienie)<a href="#nodejs-cli-lokalne-uruchomienie" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="bash">npm start </code><button type="button">Copy</button></pre> Wygeneruje plik <code>mandelbrot.svg</code> w folderze <code>output/</code>. Uwaga: Wersja Node.js generuje pliki SVG zamiast PNG aby uniknąć problemów z zależnościami systemowymi. SVG oferuje skalowalne grafiki wektorowe idealnie nadające się do wizualizacji fraktali. <h3 id="web-interface" class="tsd-anchor-link">Web Interface<a href="#web-interface" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><h4 id="production-test-environment-zalecane" class="tsd-anchor-link">Production Test Environment (zalecane)<a href="#production-test-environment-zalecane" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="bash">cd test_web npm install npm run serve </code><button type="button">Copy</button></pre> Otwórz <a href="http://localhost:8080">http://localhost:8080</a> - czyste środowisko testowe używające biblioteki jako zależności npm. <h4 id="development-interface-lokalne-uruchomienie" class="tsd-anchor-link">Development Interface (lokalne uruchomienie)<a href="#development-interface-lokalne-uruchomienie" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h4><pre><code class="bash">npm run serve # uruchamia z głównego folderu </code><button type="button">Copy</button></pre> Następnie otwórz <a href="http://localhost:8081">http://localhost:8081</a> w przeglądarce. Różnice: <ul> <li><code>test_web/</code> - Czyste środowisko używające opublikowanej biblioteki</li> <li><code>web/</code> - Development interface z mieszanym kodem biblioteki/aplikacji</li> </ul> <h3 id="dokumentacja" class="tsd-anchor-link">Dokumentacja<a href="#dokumentacja" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3>Pełna dokumentacja API jest dostępna w formacie TypeDoc: <pre><code class="bash"># Wygeneruj dokumentację HTML npm run docs # Wygeneruj dokumentację Markdown npm run docs:update-md # Uruchom serwer dokumentacji HTML npm run docs:serve </code><button type="button">Copy</button></pre> Dokumentacja obejmuje: <ul> <li><a href="media/API.md">📚 API Reference (Markdown)</a> - Dokumentacja w formacie Markdown</li> <li><a href="media/index.html">🌐 API Reference (HTML)</a> - Kompletne API z przykładami</li> <li><a href="media/modules.html">📋 Moduły TypeScript</a> - Szczegóły wszystkich modułów</li> <li><a href="media/interfaces">🔧 Typy i interfejsy</a> - Definicje typów TypeScript</li> <li><a href="media/functions">⚡ Funkcje</a> - Szczegółowe opisy funkcji z przykładami</li> </ul> 📖 <a href="media/API.md">Zobacz dokumentację Markdown</a> | 🌐 <a href="media/index.html">Zobacz dokumentację HTML</a> <h3 id="testy" class="tsd-anchor-link">Testy<a href="#testy" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="bash"># Uruchom wszystkie testy npm test # Uruchom testy z pokryciem kodu npm run test:coverage # Wygeneruj raport HTML pokrycia npm run test:coverage-report </code><button type="button">Copy</button></pre> Projekt ma 100% pokrycie kodu dla głównego modułu <code>mandelbrot.js</code>. <h2 id="konfiguracja" class="tsd-anchor-link">Konfiguracja<a href="#konfiguracja" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2>Możesz dostosować parametry generowania z pełnym typowaniem TypeScript: <pre><code class="typescript">import { MandelbrotConfig } from './src/types.js'; import { defaultConfig } from './src/config.js'; const config: MandelbrotConfig = { ...defaultConfig, width: 1920, // Rozdzielczość X height: 1080, // Rozdzielczość Y maxIterations: 256, // Maksymalne iteracje zoom: 100, // Poziom powiększenia centerX: -0.7269, // Centrum X (rzeczywiste) centerY: 0.1889, // Centrum Y (urojone) colorPalette: 'fire' // Paleta kolorów }; </code><button type="button">Copy</button></pre> <h3 id="dostępne-palety-kolorów" class="tsd-anchor-link">Dostępne palety kolorów<a href="#dostępne-palety-kolorów" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><ul> <li><code>rainbow</code> - 🌈 Kolorowa tęcza (domyślna)</li> <li><code>fire</code> - 🔥 Ogień (czerwień, pomarańcz, żółć)</li> <li><code>cool</code> - ❄️ Chłodne (niebieskie, zielone)</li> <li><code>classic</code> - ⚫ Klasyczne (czarno-białe)</li> <li><code>hot</code> - 🌋 Gorące (intensywne czerwienie)</li> <li><code>electric</code> - ⚡ Elektryczne (neonowe)</li> <li><code>ocean</code> - 🌊 Ocean (głębokie niebieskie)</li> <li><code>sunset</code> - 🌅 Zachód słońca (ciepłe kolory)</li> </ul> <h2 id="🧮-dostępne-algorytmy-fraktali" class="tsd-anchor-link">🧮 Dostępne algorytmy fraktali<a href="#🧮-dostępne-algorytmy-fraktali" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><h3 id="🌀-mandelbrot-set" class="tsd-anchor-link">🌀 Mandelbrot Set<a href="#🌀-mandelbrot-set" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3>Klasyczny zbiór Mandelbrota z formułą <code>z_{n+1} = z_n² + c</code>, gdzie <code>z_0 = 0</code>. <pre><code class="typescript">import { MandelbrotFractal } from '@prachwal/mandelbrot-generator'; const mandelbrot = new MandelbrotFractal(); const config = mandelbrot.defaultConfig; const imageData = mandelbrot.generateData(config); </code><button type="button">Copy</button></pre> <h3 id="🌸-julia-sets" class="tsd-anchor-link">🌸 Julia Sets<a href="#🌸-julia-sets" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3>Zbiory Julii z formułą <code>z_{n+1} = z_n² + c</code>, gdzie <code>z_0 = point</code> i <code>c</code> jest stałą. <pre><code class="typescript">import { JuliaFractal } from '@prachwal/mandelbrot-generator'; const julia = new JuliaFractal(); // Użyj predefiniowanego presetu const presets = JuliaFractal.getPresets(); const config = { ...julia.defaultConfig, juliaC: presets.dragon // { real: -0.7269, imag: 0.1889 } }; const imageData = julia.generateData(config); </code><button type="button">Copy</button></pre> Dostępne presety Julia Sets: <ul> <li><code>dragon</code> - Smok Julia (-0.7269, 0.1889)</li> <li><code>airplane</code> - Samolot (-0.75, 0.11)</li> <li><code>spiral</code> - Spirala (-0.4, 0.6)</li> <li><code>dendrite</code> - Dendryt (0, 1)</li> <li><code>rabbit</code> - Królik (-0.123, 0.745)</li> </ul> <h3 id="🔥-burning-ship" class="tsd-anchor-link">🔥 Burning Ship<a href="#🔥-burning-ship" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3>Fraktal "płonący statek" z formułą <code>z_{n+1} = (abs(z.real) + i*abs(z.imag))² + c</code>. <pre><code class="typescript">import { BurningShipFractal } from '@prachwal/mandelbrot-generator'; const burningShip = new BurningShipFractal(); const config = { ...burningShip.defaultConfig, centerX: -0.5, centerY: -0.6, colorPalette: 'fire' }; const imageData = burningShip.generateData(config); </code><button type="button">Copy</button></pre> <h2 id="przykłady" class="tsd-anchor-link">Przykłady<a href="#przykłady" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h2><h3 id="klasyczny-widok-mandelbrota" class="tsd-anchor-link">Klasyczny widok Mandelbrota<a href="#klasyczny-widok-mandelbrota" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="typescript">import { generateMandelbrotData } from './src/mandelbrot.js'; const config: MandelbrotConfig = { width: 800, height: 600, maxIterations: 100, escapeRadius: 2, zoom: 1, centerX: -0.5, centerY: 0, colorPalette: 'rainbow' }; const imageData = generateMandelbrotData(config); </code><button type="button">Copy</button></pre> <h3 id="julia-sets-z-predefiniowanymi-presetami" class="tsd-anchor-link">Julia Sets z predefiniowanymi presetami<a href="#julia-sets-z-predefiniowanymi-presetami" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="typescript">import { JuliaFractal } from '@prachwal/mandelbrot-generator'; const julia = new JuliaFractal(); const presets = JuliaFractal.getPresets(); // Smok Julia const dragonConfig = { ...julia.defaultConfig, juliaC: presets.dragon, maxIterations: 256, colorPalette: 'fire' }; // Samolot Julia const airplaneConfig = { ...julia.defaultConfig, juliaC: presets.airplane, maxIterations: 512, colorPalette: 'cool' }; const dragonData = julia.generateData(dragonConfig); const airplaneData = julia.generateData(airplaneConfig); </code><button type="button">Copy</button></pre> <h3 id="burning-ship-fractal" class="tsd-anchor-link">Burning Ship fractal<a href="#burning-ship-fractal" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="typescript">import { BurningShipFractal } from '@prachwal/mandelbrot-generator'; const burningShip = new BurningShipFractal(); const config = { ...burningShip.defaultConfig, width: 1200, height: 800, centerX: -0.5, centerY: -0.6, zoom: 2, maxIterations: 200, colorPalette: 'fire' }; const imageData = burningShip.generateData(config); </code><button type="button">Copy</button></pre> <h3 id="porównanie-wszystkich-algorytmów" class="tsd-anchor-link">Porównanie wszystkich algorytmów<a href="#porównanie-wszystkich-algorytmów" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="typescript">import { fractalEngine } from '@prachwal/mandelbrot-generator'; const algorithms = fractalEngine.getAllAlgorithms(); const baseConfig = { width: 400, height: 400, maxIterations: 100, colorPalette: 'rainbow' }; // Generuj ten sam obszar różnymi algorytmami algorithms.forEach(algo => { const config = { ...algo.defaultConfig, ...baseConfig }; const imageData = algo.generateData(config); console.log(`Generated ${algo.name} fractal`); }); </code><button type="button">Copy</button></pre> <h3 id="eksploracja-interesujących-miejsc" class="tsd-anchor-link">Eksploracja interesujących miejsc<a href="#eksploracja-interesujących-miejsc" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="typescript">import { interestingPoints } from './src/config.js'; // Dolina słoni - słynne miejsce w zbiorze Mandelbrota const elephantConfig: MandelbrotConfig = { ...defaultConfig, ...interestingPoints.elephant, maxIterations: 256, colorPalette: 'fire' }; // Wzory koników morskich const seahorseConfig: MandelbrotConfig = { ...defaultConfig, ...interestingPoints.seahorse, maxIterations: 512, colorPalette: 'ocean' }; </code><button type="button">Copy</button></pre> <h3 id="wysoka-rozdzielczość-z-optymalizacją" class="tsd-anchor-link">Wysoka rozdzielczość z optymalizacją<a href="#wysoka-rozdzielczość-z-optymalizacją" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="assets/icons.svg#icon-anchor"></use></svg></a></h3><pre><code class="typescript">import { generateMandelbrotDataOptimized } from './src/mandelbrot.js'; const hiResConfig: MandelbrotConfig = { width: 3840, height: 2160, maxIterations: 1000, zoom: 1000, centerX: -0.7269, centerY: 0.1889, colorPalette: <span class="hl-3"