<commit_before>experiments
===========

Experiments that may be used in more complex projects<commit_msg>README.md: Description of threejs experiment<commit_after>experiments
===========

Experiments that may be used in more complex projects

ThreeJs experiment
======
This experiment is based on the sample "CSS3 Periodic Table" provided on [Threejs.org](http://threejs.org website): [Periodic Table example](http://threejs.org/examples/#css3d_periodictable) and also use [tweenjs](http://github.com/sole/tween.js) to ease the animation.
When I read about threejs and found this sample, I used integrated controls to place camera inside the helix. However, cards were not looking at the center of the scene so I changed the logic of the helix placement to have cards looking at the center of the scene.
Finally, I've changed the controls that allowed me to look upside down in order to limit movements. Now, you can click of an element and the camera will change its orientation to look at it with a smooth transition.

Dependencies
------
The only external dependency is Jquery standard library which is not included in the repository. Other libs are provided

How to use
------
Load the page, wait for the elements to be displayed and then click of any to change camera orientation

Next steps
------
- Add more controls, keyboard controls mainly
- Move also the selected element on selection for it use more space on the screen (move closer to the camera/center of the scene)
- Change contents to use dynamic loaded information (weather for instance)
- Add some kind of "grid" feature to be able to display different card size
{'fraction_non_alphanumeric': 0.0687116564417178, 'fraction_numerical': 0.001226993865030675, 'mean_word_length': 4.510135135135135, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6450943', 'n_tokens_mistral': 388, 'n_tokens_neox': 376, 'n_words': 235}