tagcloud | Generate image tag clouds in custom shapes | Computer Vision library

I just found a great tool for TagCloud generating - https://tiddlytools.com/filtergenerators.html#TiddlyTools%2FFilterGenerators%2FTagCloud

Could you please help me out to change the code for showing only specific tags (For Example: just "TiddlyTools" and "$:/tags/ControlPanel" without others tags)?

I am learning the Vue 3 composition API and I did a simple post list (simply creating an array of post in the setup() with tags for each posts) as below first code section. Then I have a component PostList to display those posts and a TagCloud to show all the existing tags. I am trying to filter the posts by clicking on a tag.

• I managed to emit the tag from the component TagCloud
• I try to filter filter my list of posts (tils) with a computed but... it doesn't work

Below are the 3 elements working together, can anyone spot what's wrong?

The main view

I'm trying to refresh this AnyChart function div every 3 seconds, so that when data is entered using the (hopefully) interactive wordcloud on a wesbite, it refreshes automatcially. My code currently duplicates the div once, 3 seconds after the page loads. Thanks in advance for any help.

I am really new to HTML and working on this simple task for hours.

I have dynamic data that use it to create a word cloud, the problem is when data changes, my js function make a new div and therefore a new word cloud but I want to update the last one, something look dynamic.

here is my js code:

QUESTION: How am I able to combine these two blocks of code so they work as one?

I do not require any shortcode solutions, I prefer the function format used in the first block of code, however the second block has some essential functionality.

The first block of code I have managed to construct allows for the WooCommerce product tag cloud to benefit from the following advanced features:

• Alphabetised list.
• Display product quantity totals.
• Dynamic sizing and scrollable overflow box used if list becomes too long.
• If a product archive level becomes empty (i.e. no 'in stock' products to show) then the whole tag level becomes hidden.
• Hidden product tag levels then automatically 302 redirect themselves to the top level 'shop' page.

The code to achieve this is as follows:

So i have been trying to add Tags using django-taggit, but for some reason tags are not saving to the database when i try to upload a post using website but it works perfectly with django admin(Tags are saving to the database).

Also when i go to my Post_edit view and try to update empty tags field then it works. In other words, tags are only saving to the database when i try to edit it using Postedit view or upload it using admin. I want it to save to the database using PostUpload view only(like i have to use PostEdit view for every post to display tags). I think there's something wrong either with my view or form.

Also i can see request.POST data is returning the list of Tags on the terminal and form returns no errors.

Everything else is saving to the database except Tags.

here's my code

Views.py

I'm writing a tag cloud. When displayed on a phone, it displays the full width and looks fine. But on a desktop, it also displays the full width and doesn't look as I want. I would like to limit the width of the div on a desktop to some part of the total width, say 60%. But as you can see in my jsfiddle, when the display is widened, the text becomes one long-line. I've tried applying various suggestions I've found here, like max-width, but none seem to make a difference. Can someone please point out how to do this? Here's my code:

I have a simple word cloud chart I am making: https://jsfiddle.net/kbhx64Ln/

It starts off with 15 max items in the cloud. However, I'd like to dynamically update that number to be based off a timer. I have: