Skip to main content
SimilarExport ZIP
100%

Chandrapur district Area Details

✓ Published0🌍 Public
NNita
Last edited Oct 25, 2018
Created on Sep 7, 2018
Forked from Making a Bar Chart

This bar chart displays the area distribution of Chandrapur district across six land categories, including total geographical area, inhabited area, agricultural area, industrial area, forest area, and wastelands. The chart uses d3.v5 and SVG rendering, with steelblue rectangles and axis labels styled through CSS. Data is loaded from a local CSV file, and the visualization includes a title and labeled axes, with tick marks and gridlines formatted using d3’s axis API.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017.

MIT Licensed

Similar vizzes

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-
72% 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
72% match
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
69% match
Loading thumbnail…

Chandrika Area chart

This area chart displays annual sales figures from 1998 to 2012, with the filled area emphasizing the sharp peaks in 2010 and 2012. Rendered as an SVG using D3 v6, it employs `d3.area()` to generate the path, `d3.scaleLinear()` for both axes, and `d3.axisBottom()`/`d3.axisLeft()` for ticks. Invisible circles placed at each data point trigger a lightsteelblue tooltip on mouseover, showing the exact year and sales value. The data is hardcoded as an array of objects in the script.

Cchandrikachowdary867@gmail.com
66% match
Loading thumbnail…

Top 10 Most Populous Sectors of Chandigarh

This bar chart ranks the ten most populous sectors of Chandigarh, with Mauli Jagran and Ram Darbar tied at the top. It uses a horizontal layout with population on the x-axis and sector names on the y-axis. The visualization is built with D3 v5, using `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to render SVG elements. Population values are loaded from a CSV file and formatted in thousands, while axis ticks and labels are styled via an external stylesheet.

MManinder Singh
63% match
Loading thumbnail…

Chandrapur Distric Rural Household Monthly Income less than 5000

This visualization compares the horsepower and weight of various car models using a scatterplot, with each circle representing an individual car. A red circle’s position along the x-axis encodes its weight, while its position along the y-axis encodes its horsepower, providing a quick view of the relationship between these two metrics. The chart is built with D3 v5, using `scaleLinear` for both axes, `axisBottom`, and `axisLeft` for tick marks and labels, and `csv` to load the remote dataset from VizHub.

NNita
63% match
Loading thumbnail…

Making a Bar Chart

This bar chart displays the area cultivated by various crops, using a horizontal layout to emphasize differences in land usage. The chart is rendered with D3 v5 and SVG, scaling the bar widths linearly and positioning categories with a band scale. It reads data from a local CSV file and customizes the axes by removing domain lines and tick lines, while applying custom tick formatting. The visualization also includes axis labels and a title, demonstrating how to refine D3's built-in axis components for a cleaner presentation.

Aalesrinija
62% 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
61% match