Sparkline examples copied directly from Textual Guide do not "render as advertised"

[traveller1011]

Problem

Both examples provided in the Sparkline section of the Textual guide does not render as advertised.

What is shown in the guide

https://textual.textualize.io/widgets/sparkline/#__tabbed_2_1

First Docs Example

• what appears on my terminal (running from PowerShell on Windows 10 Pro)
  

• Notably if i increase the css width attribute for Sparkline from 3 to 40...

- Screen {
    align: center middle;
}

Sparkline {
    width: 40;    <<< this is 3 in the example
    margin: 2;
}

... yields this on my machine:

Second Docs Example (Sparkline Colors)

• Same situation... this is what shows for me:
  

[davep]

You appear to have an issue with your choice of terminal and/or font. Perhaps this search of discussions will help?

[traveller1011]

dude if this also solves the problem of ? appearing on my plotext charts ill be super delighted. researching into the font issue and will report back one way or another. thank you.

[traveller1011]

Here is how to fix Sparklines and possibly other widget renderings, in Windows 10 pro.

1. install the DejaVuSans Mono font recommended in this related discussion ( Recommended WIndows font or terminal? #3117 )
   a) font source: https://www.nerdfonts.com/font-downloads

2. Native Powershell is not amenable to changing Fonts without Registry Edit, which possibly is fine but I did not want to do it. Also also native powershell doesnt have a fallback font in cases a character is missing.

3. For these reasons I used installed Windows Terminal which was also recommended in Textual discussions

4. Install the Regular Mono version of the DejaVuSans font onto the system by unzipping and double clicking the corresponding font file. Had never installed a custom font before.

5. Applied both fonts in windows Terminal

This fixed my Sparklines rendering problems 100%. Hopefully helps someone else.

[TomJGooding]

Are you sure you're running the right example here..? This looks like the first sparkline_basic.py but you're expecting the next one down...?

EDIT: Nevermind I see you figured it out!

[traveller1011]

yes as usual the broken computer was the one between my ears. I updated my remarks above to reflect what I did in case this is useful for others in the future. Thanks @davep and @TomJGooding . Have a great day!

[traveller1011]

-hmmm well, the second sparkline_colors actually looks pretty decent for me now.

.... compared to the textual guide:

https://textual.textualize.io/widgets/sparkline/#__tabbed_2_1

the delta between the rendering of the first sparkline example in the textual guide vs my own application is still pretty huge. will update if i find more.

[davep]

What "delta"?

[traveller1011]

omg there are three sparkline examples not two. I was "comparing" the output of example two using the source code from example one.

EVERYTHING IS RENDERING PERFECTLY. Thanks Dave!!!

[davep]

Glad you got it sorted. 🙂