VC# and chart/image viewer

Walk through code related to charts, browser and image viewer.

It's a good thing to know how others deal various object in different way, though everything is simple on textbook. But, still, some doubts raised since the outcome is not ideal. For example, how could I create a modern browser if the version VC visual design provided is not supported by most website.....? I have to break into main loop and find out where objects are initialized, instead of waiting for system dispatched event, right? or find some way to breach the main flow...? Probably this is viable solution, but a little ugly.....

Most functionality could be done by VC UI, even the author mildly expressed that coding is almost neglectable.... As what I mentioned on last post, this is a book for VC, not for C#..... I will still complete it. At least there are examples showing me how functionality are performed. And hopefully this could be break into raw functions without assistance of visual design.

For nutrition balance(?) I squeeze some time to read a book about python and machine learning. But the book for machine learning was just too theoretical. At first 3 chapters, all are about definition and explanation of "learning". It may triggered by attempt to survive, learn from chance, learn from logic, from mimic, etc. Nothing to do with python.... too bad ....

Dissected out codes that I think might meaningful. Comment later. Too sleepy for now.

Code for creating piechart

old version browser

Code for Images

Comments

docker: storage and services

Docker Volume Without going through Docker, accessing files within a Docker image is not easy. Therefore, Docker has a volume feature that allows users to specify the location on the host file system to serve as the access directory for Docker. In other words, a volume is the NFS of a Docker image. Example: Using a volume to store SQLite files. ref: SQLite for NodeJS: https://www.sqlitetutorial.net/sqlite-nodejs/ Initialize the project. # Setup ExpressJS framework express --view=pug 240324_ejs_sqlite_docker npm init npm install express npm install sqlite3 Test: npm start Initialize docker Since the directory already contains NodeJS, the Docker Daemon will assist in the setup. Create new docker image docker build -t atfuture7/sqlite01 . Create a folder for Docker, create a container, run it. mkdir docker_vol docker run -p 3000:3000 -v ./docker_vol:/data --name exp_sqlite atfuture7/sqlite01 After confirming that the container can run co...

Guide to Preserving HuggingFace Models in Google Colab Environments

Conclusion: Step 1: find the model path: ls ~/.cache Step 2: Copy the entire folder to Google Drive: Step 3: Set model path to the subfolder under snapshot: My Story: I initially began exploring Generative AI (GAI) and Google Colab through Stable Diffusion. In the past, as I mainly wrote server services and console applications, I was less familiar with data science modes like R and Jupyter that can maintain a paused state. I didn't quite understand the heavy burden on Colab of creating a temporary Stable Diffusion WebUI with .ipynb, as suggested by popular guides. I just found it troublesome that connections often took a long time and then dropped, requiring a restart. Recently, while testing new versions of the Stable Diffusion model, and facing challenges due to Colab's policies making various versions of WebUI difficult to run successfully, I started researching how to write my own test programs in Colab. Eventually, I understood that Colab is ess...

Review old/new stuff: Angular 17

When I reviewed Angular recently, I discovered that it had just undergone a major revision three months ago, v17. The notes here are summaries of common features incorporated into v17. Install Angular ref: https://angular.io/guide/setup-local npm install -g @angular/cli Create new project ng new proj_name cd proj_name If the old project needs to be migrated to v17 control flow: ref: https://youtu.be/36Hcx7kRYDg?si=pmZcRkQHIlmguK3K ng generate @angular/core:control-flow Activate ng serve Data Flow ref: https://angular.io/tutorial/first-app/first-app-lesson-09 Service can be regarded as a custom class (similar to custom modules written in expressJS) ng generate service obj_name In the sample program, enumeration of array is used. this.housingLocationList.find(housingLocation => housingLocation.id === id); The concept is find( function(element) => { return (condition; )}) ref: https://developer.mozilla.org/en-US/docs/Web/JavaScript...

Digital sailing

Search This Blog