Social & Human Capital Development
Social and Human Capital Development refers to the efforts aimed at improving the skills, knowledge, health, and well-being of individuals to enhance their contribution to economic and social development.
I came across this because I was looking for a word or phrase to describe my interests of recruiting, teaching, training, and mentoring.
SVG Animations
I had no idea SVG could be animated. Here’s an example:
It was able to make:
- A cloud using white circles
- Rain droplets falling from the cloud with:
- Wind effect (horizontal movement)
- Trail effect (motion blur)
Below is the code it generated with minor tweaks I made:
<svg width="400" height="300" viewBox="80 50 400 300" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Trail effect using filter -->
<filter id="trail" x="-50%" y="-50%" width="200%" height="200%">
<feTurbulence type="turbulence" baseFrequency="0.02" numOctaves="2" result="turbulence" />
<feDisplacementMap in="SourceGraphic" in2="turbulence" scale="5" xChannelSelector="R" yChannelSelector="G" />
</filter>
</defs>
<!-- Cloud -->
<g fill="lightgray">
<circle cx="200" cy="150" r="50" />
<circle cx="260" cy="130" r="50" />
<circle cx="320" cy="150" r="50" />
</g>
<!-- Water droplets with wind and trail effect -->
<g fill="turquoise">
<circle cx="200" cy="150" r="10" filter="url(#trail)">
<animate attributeName="cy" from="150" to="400" dur="4s" repeatCount="indefinite" />
<animate attributeName="cx" from="200" to="400" dur="4s" repeatCount="indefinite" />
</circle>
<circle cx="260" cy="130" r="10" filter="url(#trail)">
<animate attributeName="cy" from="130" to="400" dur="4s" repeatCount="indefinite" />
<animate attributeName="cx" from="260" to="460" dur="4s" repeatCount="indefinite" />
</circle>
<circle cx="320" cy="150" r="10" filter="url(#trail)">
<animate attributeName="cy" from="150" to="400" dur="4s" repeatCount="indefinite" />
<animate attributeName="cx" from="320" to="520" dur="4s" repeatCount="indefinite" />
</circle>
</g>
</svg>
I also found SVGator, a really cool service that allows users to create SVG animations without coding skills.
