{{stackoverflow_databases.database.value}}
- {{stackoverflow_databases.desired_percentage.value}}%
- {{stackoverflow_databases.admired_percentage.value}}%
- Desired
- Admired
## Setup
These charts use the Mustache iterator syntax to draw a chart for each row in the results. Your query should have a column with the category label for each dumbbell that you want to display along with the start and end values for each category. Additionally, you'll need a calculation to get the length of the bar.
**Note:** This example only covers a positive change between start and end values. You'll need to make some adjustments if the change you are measuring can also be negative.
The following table explains each field used in the example, including the calculation formulas.
| Col | Name | Description or formula | Purpose |
| --- | ------------------ | ---------------------- | ------------------------------ |
| A | Database | query field | Label of the category |
| B | Desired Percentage | query field | start (left) value of dumbbell |
| C | Admired Percentage | query field | end (right) value of dumbbell |
| D | bar width | =C1 - B1 | Length of the bar |
## Example code
```html expandable theme={null}
As seen in the 2025 Stack Overflow Admired/Desired charts. From their site: To better gauge hype versus reality, we created a visualization that shows the distance between the proportion of respondents who want to use a technology ("desired") and the proportion of users that have used the same technology in the past year and want to continue using it ("admired").