Loi log-normale

Je me souviens - il y a plusieurs années de cela - d'avoir lu un roman féminin traduit du russe.
Tout se passait très bien quand, boum, l'héroine avale une quantité immonde de vodka, et il y
a un trou  de deux jours dans l'intrigue. Et le mari disparaît. J'avais trouvé cela plutôt bizarre,
mais bon, les choses se passent différamment ailleurs.

C'est un peu l'expérience que j'ai eue avec l'exposé ci-bas. Cela porte sur la pandémie d'obésité,
mais présentée par un monsieur docteur en physique. Et il y mentionne que si un sujet telle la
grandeur d'une population de femmes peut se décrire avec une courbe normale, le poids en
situation d'obésité est mieux compris en terme d'une courbe log-normale. Comment ça!?

Deux jours plus tard, je pense avoir compris. On s'en souviendra, la courbe normale
est symétrique de part et d'autre la valeur moyenne (la 'expected value', si on raisonne en
terme de probabilité). Lui-même donne l'exemple de deux dés, qui créent une plus haute
probabilité pour une somme de 7. Effectivement, il y aura plus de combinations de 7 à l'addition.

Si l'on présente une courbe normale par ses valeurs de logarithms népériens, on crée une courbe log-normale. Cette dernière ne peut avoir un aspect symétrique, par le jeu-mëme des chiffres. Tout est positif, et les valeurs à gauche de la moyenne se présentent plus rapidement.

On préfère souvent représenter les choses de cette façon pour éviter de couper les valeurs à
droite. Dans le cas de l'obésité, c'est ce qui nous intéresse. En fait, certains phénomènes
biologiques sont influencés par plusieurs facteurs aléatoires à la fois, et se présentent
'log-normal' avec trainée soità gauche ou a droite. C'est cette version de l'obésité que l'on
retrouve ici.

Amélioré

Internet Explorer et Edge tous deux refusent de reconnaître la spécification simple de l'animatiion simple pour le SVG. On exige l'utilisation d'un sript explicit, car il rend l'apport de modifications plus simple. Et c'est vrai. Voici le code en exemple(2) changé, afin de faire tourner le texte rapidement.

https://msdn.microsoft.com/en-us/library/gg193979(v=vs.85).aspx

Two Versions

YoCode

On peut se permettre des petites animations par le biais du CSS; donc, sur certains aspects

du style. Pour l'essentiel, il faut s'en remettre au javascript.

Yo Ho!

AnniCode

Voici le code:

Anniversaire

HTML et XML co-habitent pour les tâches visuelles.

Par Ici!

Les Filtres

 

 

L'example ci-bas illustre l'utilisation des filtres avec SVG. Il est important de definir ce sur

quoi on appliquera un filtre: voilà le travail de l'attribut in, qui par défaut se servira de la

dernière image traitée.

 

Le troisième filter dessine le triangle en avant,

 

Pour le quatrième triangle, j'ai demandé une ombre plus près (20 au lieu de 30). Et j'ai

spécifié l'alpha comme source, c'est -à-dire le filtre noir photographique ('alpha channel').

 

Autre aspect à remarquer, on peut spécifier les dimensions en pourcentage, voir même les

couleurs sur rgd.

 

La référence des attrivuts SVG Mozilla est bien utile, quoique incomplète.

 

 

 

 

 

 

https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute

Svg_On

Le code ci-bas illustre comment virer l'axe des x sur un arc. Il devient

possible de changer l'orientation, mais la commande pour changer entre

petit et grand arc ( en conservant l'origine et l'arrivée) ne fonctionne sur aucun fureteur.

 

 

 

 

Trouvaille

Le SVG s'avère plutôt pratique quand vient le temps de positionner les formes. Ci-bas, la description laisse à penser que j'aligne les deux forms pour le centre en x. Avec la commande use, je relativise.

 On signale des instructions relatives par des minuscules.

J'ai fixé mes trois formes au x=50;

Globalement, les marqueurs svg dominent. Si je crée deux viewbox 0 0, elles paraîtront en série.

http://www.svgbasics.com/shapes.html

Passage

Les règles du calcul différentiel nous permettent de dériver et intégrer avec facilité:

*  *  *

Le passage vers les exposants négatifs se fait par le biais du logarithme naturel e.

*  *  *

On se servira du log naturel, c'est-à-dire de base e plutôt que de tout autre, parce que - résultat de sa définition - le e produit une dérivée égale à lui-même. Donc, ce ne peut être le cas pour, par example, le 10.

Réaction

Ci-bas, un article sur James Hansen, le scientifique de la NASA premier à proposer
au Congrès américain que la planète souffrait d'un réchauffement à cause d'une
accumulation de CO2, en 1988.

Il est partisan d'une taxation sur le carbonne, notion que même les écolos les plus
purs et durs refusent. Et fonde finalement ses espoirs sur la Chine, motivée à agir
par des problèmes de pollution.

http://www.theguardian.com/environment/2015/dec/12/james-hansen-climate-change-paris-talks-fraud


Par ailleurs, l'accord de Kyoto aurait souffert aux mains du Canada.

http://www.lemonde.fr/cop21/article/2015/12/14/l-accord-de-paris-sur-le-climat-est-il-vraiment-juridiquement-contraignant_4831255_4527432.html

Deviate

Les petits problèmes aident à comprendre.

https://www.mathsisfun.com/data/standard-deviation.html

Normalisé

 

                                          source: GIMP

                                                         adapté de : W3 Schools

Les filtres

Il existe une variété de filtres don't on peut se server. pour changer lk'aspect d'un dessin ou d'une photographie. Le Gaussian Blur - très populaire - donne un petit air embrouillé  très séduisant. mais attention, entraitement de l'image le Gaussian Blur donne des valeurs que l'on enlève à l'imge pour la render plus nette, ou porteuse d'information.

Voyons le procédé, ici un peu caricatural, de ce que cela donne.

Une image de marguerite glanée sur Google, un peu flou:

Je demande un Blur de rayon 3:

Je demande la différence entre le Blur et l'image de reference:

J'ajoute cette différence à l'image:

*  *  *

Ci-bas, avec Photoshop:

La fleur d'origine:

Le flou Gaussien 3 pixels: 

J'ajoute le flou à 50% d'opacité à l'image d'origine. En fait, les commandes sur les logiciels se servent du Gaussian Blur pour faire leur travail!

http://www.pixelstech.net/article/1353768112-Gaussian-Blur-Algorithm

Bloc_SVG

 

Comme toujours, on peut régler le comportement de notre machin:

 

 

Tout ce qui se fait sous SVG (Scalable Vector Graphics) se déplacera d'un bloc.

 

 

S'amuser

Si le HTML peut paraître bien compliqué pour un débutant, il faut garder à lèesprit que lèon ne cherche qu'à nous simplifier la vie en proposant plusieurs façons de faire les choses. Il s'agit bien souvent de trouver.

Ainsi, l'utilisation de classe ci-bas nous permet dù'identifier les éléments que nous voulons soumettre au même régime en leur donnant une appartenance de classe. N'importequel élément peut se porter candidat, ou non.

Quoi que l'on fasse par référence au cas général, une redéfinition au niveau local l'emportera:

On a souvent des possibilités bien précises; ci-bas, on peut faire un remove à l'aide d'une sélection.

Pour passer carrément par un 'reset', il faut travailler avec une form.

L'utilisateur nocice et moyen trouvera baucoup pour l'amuser dans une référence illustré. Il y a d'autres possibilités en consultant directement le site du W3, pour un public avec une formation en informatique.

JavaScript Numbers

Quelques petites chose à surveiller avec les nombres:

Complexité

Un petit virage dans le MSN des Émirats  me propose quelques articles intéressants
sur les tensions actuelles au sein du monde arabe.

 J'ai aussi en mémoire un article de la semaine dernière selon lequel DAECH vendrait son pétrole
à ses ennemis, car il faut bien vivre de quelque chose.

Situation complexe.


http://www.msn.com/en-ae/news/middleeast/peace-in-syria-when-west-ends-support-for-terrorists-assad/ar-AAfU5TC

http://www.msn.com/en-ae/news/middleeast/the-saudi-arabia-problem-why-a-country-at-war-with-jihadists-also-fuels-them/ar-AAfTcrG

JavaScript(4)

L'exemple ci-bas nous montre les deux façons tout-à-fait légales de créer des arrays (tableaux) dans leJavaScript. On le reconnaît, car on peut accéder aux deux de la même façon, par la notation [indice].

Mais attention, Javascript ne reconnaît que les Objets.La première méthode crée effectivement un objet, tandis que  la deuxième crée un véritable objet/tableau dont on  peut se servir pour gérer des nombres. Dans le premier cas, on a créé un tableau avec 40 espaces vides; dans le deuxième, un tableau dont la première entrée est le nombre 40.

Avantage, on peut se servir d'un indice explicatif. Mais il faut se souvenir et s'en servir.