Introduction¶
In DeepSeek Harness (DSH) plugin development, when demonstrating agent behavior or computational logic, an intuitive, visual demo is often needed. Comparing the ownership costs of gasoline cars and electric cars is a common topic, but manually creating interactive charts and recording animated screens is inefficient. The following introduces a plugin demo for DSH Better Sidebar, which transforms this comparison process into a visual dynamic demonstration.
What Is This¶
This is a gasoline car vs. electric car ownership cost comparison plugin designed for screen recording demos, maintained by developer Dongfang81. It addresses the visual presentation problem when displaying complex data comparisons, providing interactive parameter adjustment and animated results.
Core Features¶
- Time and mileage control: Supports quick switching among 3, 5, 8, and 10 years, with annual mileage adjustable from 5,000 to 50,000 km.
- Local calculation: All cost data is calculated deterministically locally and does not rely on external paid models.
- Visual display: Uses SVG to draw cumulative cost curves, shows the savings interval, and includes annual mileage reversal and result animations.
- Voice explanation: In browser environments that support
speechSynthesis, a Chinese voiceover plays; if unsupported, only the visual demo is completed.
Installation and Enablement¶
Ensure dsh-better-sidebar >= 0.12.2 is installed, then go to the plugin directory and run the following commands to build and install it:
pnpm build
dsh plugin --profile web add .
dsh web
Typical Usage¶
After startup, click + in the Tab bar of Better Sidebar and select “Oil-EV Ledger” to enter the demo interface.
Applicable Scenarios and Notes¶
This plugin is suitable for developers generating screen recording assets that showcase cost comparisons, or as an educational demo. Because it performs purely client-side calculations, data security is guaranteed.
Note that the preset parameters in the plugin are intended only for entertainment-oriented demonstrations and do not represent real vehicle prices or purchase advice. Check the source code and license before installing.
Conclusion¶
This plugin demonstrates how to use DSH client capabilities to build localized, deterministic data visualization demos, and is suitable as a reference example in the Harness ecosystem.