Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
39 changes: 37 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,2 +1,37 @@
# WPF-Temperature-Monitor-Blog-Sample
This repository contain samples for WPF temperature monitor design sample
# WPF Radial Gauge Temperature Monitor

This sample demonstrates how to design a modern **Temperature Monitor** using the **Syncfusion WPF Radial Gauge** control. The application showcases how to visualize temperature values with customized scales, color-coded ranges, a needle pointer, and annotations.

## Features Demonstrated

### Temperature Scale
- Configures a radial scale with customizable start and end values.
- Displays major and minor tick marks.
- Shows temperature labels across the gauge.
- Uses custom positioning for labels and ticks to create a clean dashboard layout.

### Temperature Range Indicators
- Uses multiple colored ranges to represent different temperature zones.
- Provides visual feedback for cold, moderate, warm, and hot temperature levels.
- Demonstrates range customization using start and end values along with offset settings.

### Needle Pointer
- Displays the current temperature using a customizable needle pointer.
- Includes knob and tail styling options.
- Shows how to control pointer appearance and length.

### Gauge Annotations
- Displays the current temperature value within the gauge.
- Adds supplementary information such as temperature units and labels.
- Demonstrates annotation positioning using offset and angle properties.

### Responsive Gauge Layout
- Arranges gauge elements using custom positioning.
- Maintains a consistent appearance across different window sizes.

## Output

![Temperature Monitor Using WPF Radial Gauge](https://www.syncfusion.com/blogs/wp-content/uploads/2020/05/Single-Temperature-Indicator-for-InsideOutside-1024x483.png)

## Blog reference
[Simple Steps to Design a Temperature Monitor Using WPF Radial Gauge](https://www.syncfusion.com/blogs/post/design-a-temperature-monitor-using-wpf-radial-gauge)
Loading