Stephen Gruppetta @s_gruppetta@qoto.org

@freemo @trinsec @peterdrake should clarify that my instance is QOTO, but I hesitate to use markdown in my posts as many will not see the text formatted properly. So I often opt for plain text with markdown symbols

@freemo @trinsec @peterdrake I see! It’s a shame that the raw markdown is not passed on to non-markdown servers

@trinsec @freemo @peterdrake *saw (until the Edit button comes)

I think a good way to show code (until we wait for all servers to have Markdown like #QOTO, at least) is to show a generated code image (from one of several online tools, or screenshot if you must) and add the code as the ALT text/description of the image, as in the quoted toot.

If, as in this case, the code is too long for the ALT text (this will only happen for long code snippets like this) the code could go in an unlisted reply to the toot with the image (or in the same toot, if you prefer/have space)

I think it’s useful to have both a properly-formatted version for those who just want to read code and text which people can copy-paste

gist and other solutions means you need to leave the site - not ideal, I think

#code #codesnippets #python

Well, the code was too long for the ALT text, so here's the code pasted here:

import matplotlib.pyplot as plt

image = plt.imread("gardens.jpeg")

# Create a figure using a 4x4 array.
# The "." indicates an empty space in the grid
fig, ax = plt.subplot_mosaic(
[["Colour", "Colour", "Colour", "Hist Red"],
["Colour", "Colour", "Colour", "Hist Green"],
["Colour", "Colour", "Colour", "Hist Blue"],
["Red", "Green", "Blue", "."]]
)

ax["Colour"].imshow(image)
ax["Colour"].axis("off")

# Plot histograms for red, green, and blue channels
ax["Hist Red"].hist(image[:, :, 0].ravel(), bins=50, color="red")
ax["Hist Red"].axis("off")
ax["Hist Green"].hist(image[:, :, 1].ravel(), bins=50, color="green")
ax["Hist Green"].axis("off")
ax["Hist Blue"].hist(image[:, :, 2].ravel(), bins=50, color="blue")
ax["Hist Blue"].axis("off")

# Extract red, green, and blue channels from image
image_red = image.copy()
image_red[:, :, 1:] = 0
image_green = image.copy()
image_green[:, :, 0] = 0
image_green[:, :, 2] = 0
image_blue = image.copy()
image_blue[:, :, :2] = 0

ax["Red"].imshow(image_red)
ax["Red"].axis("off")

ax["Green"].imshow(image_green)
ax["Green"].axis("off")

ax["Blue"].imshow(image_blue)
ax["Blue"].axis("off")

fig.show()

Here’s the code for the plot in the previous post - put in your own image file, of course!

You can get the text from the images’s ALT text