D3-Table-Cards

View: Table / Cards
Order by: Name / Chakra

This demo shows animations during transition between cards and table views or sorting. Click on the links in the top-right corner to see it in action.

Gemstone
Spiritual properties
Black Agate
Reformation, reflection, maturity
Black Obsidian
Resolution
Jet
Hope
Mookaite
Experience
Red Jasper
Willpower
Red Tiger Eye
Enhances composure, reserve
Smoky Quartz
Withstand exertion
Snowflake Obsidian
Awakening
Carnelian
Courage, willpower
Grey Agate
Inner stability, composure, maturity
Moonstone
Intuition
Peach Moonstone
Intuition
Amber
Makes carefree
Citrine
Gives courage to face life.
Tiger Eye
Gives overview; reserve
Amazonite
Self-determination
Aventurine
Easy-goingness
Chrysocolla
Balance
Green Jade
Resistance and harmony
Malachite
Promotes adventurous intensive life
Rose Quartz
Sensitivity
Unakite
Recovery
Angelite
Stability, stamina
Aquamarine
Farsightedness, foresight
Blue Lace Agate
Elegance, mental agility, dynamism
Blue Quartz
Imperturbability
Kyanite
Identity, life-fullfilling vocation
Turquoise
Fate
Denim Lapis
Enhances sense of personal responsability
Lapis Lazuli
Truth
Pietersite
Change
Sodalite
Search for truth
Amethyst
Alertness, justice, inner peace
Aragonite
Stable development
Clear Calcite
Development
Howlite
Independence, care
Labradorite
Reflection, truth
Light Amethyst
Peace, spirituality, clarification, meditation


Code available at GitHub with the MIT license.

The same animation done with CSS transitions instead of D3: isomorphic-table-cards.

More of my D3 animations with meet-the-fans and d3-dual-range-slider.

Gemstones properties from the book Healing Crystals by Michael Gienger.

© 2024 Olivier Giulieri.