Gépelj a kereséshez. Nyilakkal lépkedhetsz, Enter megnyit, Esc bezár.

Összes technológia

Kapcsolatgráf-megjelenítés

A tartalom kapcsolataiból generált, interaktív, erőalapú gráf, amely megmutatja, hogyan kapcsolódnak a nyelvek, technológiák, projektek és kutatások, szintek és pontszámok nélkül.

Projektigény

A nyelvek, technológiák, projektek és kutatások kapcsolatainak megmutatása egy portfólióban, tudásszint-értékelés nélkül.

Technikai kérdés

Hogyan mutathatók meg a kapcsolatok úgy, hogy a tartalom bővülésével is helyesek maradjanak, és billentyűzettel, csökkentett mozgással is használhatók legyenek?

Validáció

A gráf build-időben a gyűjteményekből épül; a nem létező célra mutató él kimarad. A csomópont mérete a kapcsolatok számát követi, felső korláttal. A csomópontok fókuszálható linkek; csökkentett mozgásnál az elrendezés előre, animáció nélkül számolódik.

Döntés

A gráf csak a tartalom kapcsolataiból generálódik, minden tartalmi csomópont a saját oldalára mutat, és a keresési találatok a gráfon is kiemelődnek.

A csomópont mérete a kapcsolatok számát mutatja, nem a tudás mélységét.

Megvalósítások nyelvenként

TypeScript

A buildGraph build-időben csomópontokká és élekké alakítja a gyűjteményeket; a kliens d3-force szimulációt futtat, és D3 DOM-modul nélkül, sima SVG-t rajzol.

  • A beágyazott JSON a < jelet escape-eli, így az adatban nem jelenhet meg záró script-tag.
  • Csökkentett mozgásnál a szimuláció 300 lépése előre lefut, animáció nélkül.

Ezek a projektek használják