Fork of Chandrapur District Town and Villages

100%

Fork of Chandrapur District Town and Villages

✓ Published0🌍 Public

Last edited Jun 29, 2021

Created on Jun 29, 2021

Forked from Chandrapur District Town and Villages

A hierarchical tree visualization displays GitHub repositories grouped under Python machine-learning topics. The D3.js v5 code uses `d3.hierarchy` and `d3.tree` to compute node positions, then renders horizontal links with `d3.linkHorizontal`. Text labels show repository IDs, with font size decreasing by depth. The SVG output supports zooming and panning via `d3.zoom`, and uses the Playfair Display font. Data comes from the static `data.json` file, which contains nested category and repository identifier pairs.

AI-generated description

Chandrapur District Towns and villages Tree

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Chandrapur District Town and Villages

This interactive tree diagram visualizes the hierarchical relationship between Chandrapur District, its towns (Bramhapuri and Nagbhid), and their constituent villages, using geographic administrative data. Users can pan and zoom the layout through d3.zoom. The visualization employs d3.tree and d3.hierarchy to compute node positions, with d3.linkHorizontal generating the curved connecting paths. Text labels are rendered in SVG with a Playfair Display serif font, and their size decreases with depth. The data is loaded asynchronously from a JSON file using d3.json.

YYuji

83% match

Loading thumbnail…

Chandrapur District Town and Villages

This visualization displays the administrative hierarchy of Chandrapur District, showing towns and villages as a branching tree structure. The data comes from a JSON file with nested parent-child relationships, and the layout uses the `d3.tree` and `d3.hierarchy` functions to position nodes. Horizontal links are drawn with `d3.linkHorizontal`, while SVG text elements display each location name with font sizes scaled by node depth, and a `d3.zoom` handler enables panning and zooming the entire diagram.

NNita

82% match

Loading thumbnail…

Untitled

This visualization shows a hierarchical tree diagram of Chandrapur District towns and villages, with each node represented as a circle sized by its value and colored by its level. Developed using D3.js, the code employs the `d3.tree()` layout and `d3.hierarchy()` to structure the nested data from `data.json`, rendering SVG paths for links and circles for nodes. Node colors and strokes are dynamically set from the `type` and `level` fields in the data, while text labels position children to the left or right based on their depth.

BBajiSharifPatan@my.unt.edu

80% match

Loading thumbnail…

Chandrapur District Town and Villages

This visualization shows a hierarchical tree of Chandrapur District, with the district as the root and expanding to towns like Bramhapuri and Nagbhid, which then branch into their constituent villages. The tree layout uses `d3.tree` and `d3.hierarchy` to calculate node positions, with `d3.linkHorizontal` generating the curved connecting paths. The SVG text labels are sized inversely with depth, using larger fonts for higher-level nodes, and the entire view supports pan and zoom through the `d3.zoom` API. The data comes from a local JSON file that defines the nested district-town-village structure.

Pparth-

80% match

Loading thumbnail…

Fork of a

This visualization presents a hierarchical tree of branching numeric labels, with each node displaying its value in large, serif text that shrinks as depth increases. The layout uses the D3 tree layout to position nodes, renders horizontal curved links between parent-child relationships, and supports zooming and panning via the D3 zoom behavior. Data is loaded from a JSON file and visualized entirely as SVG elements, with node text drawn using the Playfair Display font.

RRakshithaRao27

77% match

Loading thumbnail…

Fork of Tree

This fork of a tree visualization displays weather data in a vertical hierarchical structure, showing cities with their timestamped readings and a final layer for temperature, pressure, wind speed, and humidity values. It fetches CSV data from a GitHub gist, transforms it into a tree using `d3.hierarchy` and `d3.tree`, and renders the result as an SVG. The network of links is drawn with `d3.linkVertical` paths, while nodes and labels are styled via CSS classes for circles, rectangles, polygons, and text.

YYashwanth0311

77% match

Loading thumbnail…

Fork of Tree

A fork of a three-layer D3 v7 tree visualization renders a hierarchical dataset of continents, countries, and cities using SVG. The code builds a vertical tree layout with `d3.hierarchy` and `d3.tree()`, then draws curved links with `d3.linkVertical()`. Node shapes encode depth: rounded rectangles for the root and countries, diamonds for continents, and circles for leaf cities, with a legend explaining each.

Mmaddulanagasanjana@gmail.com

76% 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

75% match