![]() |
| Screenshot of a table. © Eugene Brennan |
Artificial intelligence gets a lot of bad press, so I need to write a proper article at some stage about how beneficial I’ve found it to be for all sorts of tasks.
I feel a bit like a “slave owner” at this stage because of the amount of unpaid work it has done for me. I usually use ChatGPT because I reckon it has built up an “understanding” of me—knowing what I want and almost behaving like a pet. I know this from the way it interacts and can reference other aspects of the Kilcullen Science blog, for instance, when I’m tasking it with making changes.
Grok, however, appears to be faster at generating images. I tasked it today with doing some OCR—that’s Optical Character Recognition, the visual equivalent of speech recognition, allowing written or printed documents, or images with text, to be read and the text extracted.
I’m migrating articles to the Kilcullen Science blog from a site I used to write for. One of the articles has a table. I originally designed it using Excel, made a screenshot, and inserted it into the original article as a JPG. That’s adequate as long as small details can be read in the image. However, from a search engine optimisation (SEO) point of view, it’s apparently better to have such data in a proper table implemented in markup—also known as Hypertext Markup Language (HTML). This enables web crawlers to extract the information from tables, and readers can copy and paste information easily. It also supposedly improves the ranking of articles in Google search results or SERPs. A SERP (Search Engine Results Page) is the page a search engine, like Google or Bing, displays after a user submits a query.
The original table is shown at the top of this post. I submitted the JPG to Grok and asked it to convert it to a table, shown below. Then I went one step further and asked it to generate the HTML code. I’ll copy and paste this code into the Blogger editor in HTML view when composing a post, placing it in a suitable position within the post content. I told Grok that I didn’t want any styling on the table—I’ll do that with a table styling template that ChatGPT has coded for me, written in Cascading Style Sheets (CSS). While HTML defines the content and structure of web content, CSS defines how that content will look, allowing hundreds of style attributes such as font type, colour and size of body text and headings to be customised.
I only know basic HTML and CSS, and there’s a lot of detail to learn, but I'm improving. I don't have a great memory, so if I try to learn it, I'll have it forgotten in a few weeks and I'm not going to be designing websites full-time, so there's not much point, hence the outsourcing of feature improvements on my blog to ChatGPT and Grok. Any languages, natural languages like French or English, or computer languages such as C, BASIC, or Java need to be used constantly, otherwise, one forgets the vocabulary and syntax.
Now I have to check the converted table and make sure Grok hasn’t made a cock-up in the conversion!
![]() |
| Image converted by Grok to a proper text-based table, using OCR. © Eugene Brennan |
![]() |
| Grok also generated the HTML for the table. © Eugene Brennan |







