Hierarchia filozofických otázok

100%

Hierarchia filozofických otázok

✓ Published0🌍 Public

Last edited Sep 28, 2019

Created on Sep 1, 2019

A hierarchical tree visualization displays a branching structure of philosophical questions in Slovak, rooted at "Je istou pravdou, že ja existujem?" with sub-questions exploring truth, existence, and ethics. The code loads data from `data.json` using `json()`, applies the `tree` layout with `linkHorizontal` for curved paths, and renders SVG text nodes. Zooming is enabled via `zoom()` on the top-level SVG group. The example also imports and uses `getCars`, `formatCar`, and `generateReport` modules, though their output is not integrated into the visualization.

AI-generated description

An example showing the capabilities of VizHub.

MIT Licensed

Similar vizzes

Loading thumbnail…

Tree of philosophy schools

A hierarchical tree visualizes philosophy schools and their associated philosophers, using a horizontal layout to display the data from `data.json`. D3 v5's `tree` and `hierarchy` layout functions arrange the nodes, while `linkHorizontal` draws the connecting paths. The SVG rendering supports zooming and panning via the `zoom` function, and text labels are positioned and styled based on node depth.

PPeter S

74% match

Loading thumbnail…

Tree

This visualization displays a hierarchical tree derived from a JSON data file, showing the structure of a model named "HOBS" with its contained classes, attributes, and relationships. The tree layout is generated using D3's `tree` and `hierarchy` functions, with links drawn via the `linkVertical` path generator. The interactive viewport supports zooming through D3's `zoom` event handler, with an `event.transform` applied to the SVG group. Each node renders as a text label positioned by its calculated coordinates, using the Playfair Display font.

MMTR

71% match

Loading thumbnail…

Philosophy schools

This radial tree visualizes the hierarchical relationships among philosophy schools and associated philosophers, using a dataset from data.json. The layout applies d3.cluster to position nodes in a circular arrangement, with curved paths linking parent and child nodes. Text labels are rotated and glow-enhanced for readability, while d3.zoom enables panning and zooming across the visualization. The implementation uses D3 v4 APIs including d3.hierarchy, d3.cluster, and SVG path elements, with font sizes scaled by node depth.

PPeter S

70% match

Loading thumbnail…

Fork of a model

This visualization presents a hierarchical dataset as an indented tree layout rendered with SVG. The root node, labeled "bruh," branches into a deep structure of numeric values, and each node displays its name as text with a font size that decreases with depth. The code uses d3.hierarchy and d3.tree to compute the layout, while linkHorizontal generates the curved paths connecting parent and child nodes. Pan and zoom interactions are enabled through d3.zoom, applying transforms to a group element. The styling uses a green stroke for links, a serif font, and text shadows for readability. Data is loaded from the JSON file data.json.

JJavaDummy4

69% match

Loading thumbnail…

a

A horizontal dendrogram visualizes a nested hierarchy of numeric names, with nodes positioned by depth and connected by curved links. The visualization uses D3 v5's `tree` layout, `hierarchy`, and `linkHorizontal` generators to compute positions and draw SVG paths. Text labels scale in font size based on node depth, and the entire graph supports pan-and-zoom interaction via D3's `zoom` behavior. Data comes from a local JSON file, and the SVG rendering applies a mint-green stroke to all links.

Jjakubdrobny

69% match

Loading thumbnail…

Fork of D3 Hierarchy Component 2

A static tree diagram visualizes a hierarchical task structure, with nodes labeled by category and sub-goals like “Programming” and “Health.” The layout is generated using D3’s `tree` and `hierarchy` functions, and links are drawn as horizontal curves via `linkHorizontal`. SVG text elements display node names, with font size scaling by depth. The view supports zooming through D3’s `zoom` behavior, and hover effects alter text styling. Data is loaded from a local JSON file.

WWRCIECH

69% match

Loading thumbnail…

a Tree

A hierarchical family tree rendered as a horizontal node-link diagram. The visualization displays ancestor and descendant relationships using curved paths and text labels, with zoom and pan interaction enabled. The code uses D3 v5's `hierarchy`, `tree`, and `linkHorizontal` to compute the layout, `json` to load data from `family.json`, and `zoom` with event transforms for navigation. Nodes are drawn as SVG text elements positioned by the tree layout, while links are rendered as horizontal paths.

AAdam Sisk

68% match

Loading thumbnail…

Wiki

This tree diagram visualizes hierarchical data as a horizontally-oriented dendrogram. The visualization uses a radial, indented layout with circular node markers, curved link paths, and text labels for each entity. It colors nodes on a white-to-purple linear scale based on a group value, and includes a square legend. The implementation relies on D3 v5.5 API functions: `select`, `json`, `tree`, `hierarchy`, `linkHorizontal`, and `zoom`. Data is loaded from a JSON file, and the SVG element is resized to the full browser viewport. A tooltip, though defined, does not appear to be applied in this example.

Cchrismack666

68% match