JeromeMouly

@JeromeMouly·4 public vizzes

d3js Exercice 2 - Scales

This example demonstrates how d3.scaleLinear maps input values from a domain to a range, showing the output for inputs of 0, 10, and 20, then extending beyond the interval to reveal unbounded behavior. It then applies the clamp(true) method to the scale, which restricts outputs for out-of-range values like -10 and 200. Built with D3 v4, the code writes results directly to the document via document.writeln, and comments suggest experimenting with invert, power, log scales, or a color range.

Oct 10, 2017

Loading thumbnail…

d3js Exercice 1 - number formats

This example demonstrates how d3-format creates number formatting functions from format specifiers, testing values like 2.9971832 against descriptors such as `.1f`, `.2s`, and others. It also shows the default locale being overridden with French formatting rules, changing decimal separators to commas and thousands separators to periods. The code loads only the d3-format module and uses `document.writeln` to output results in a preformatted block. A commented section illustrates the same library working in Node.js.

Oct 10, 2017

Loading thumbnail…

Difference Chart

This visualization compares daily average temperatures in New York and San Francisco from 2011 to 2012. Using D3 v4, it renders an SVG area chart where the difference between the two city’s temperatures is filled in orange when New York is warmer and green when San Francisco is warmer. The chart uses `d3.area` with `d3.curveBasis` to smooth the lines, and applies `clipPath` elements to alternate the fill colors based on which city’s temperature is higher. Data is loaded from a TSV file via `d3.tsv`.

Oct 10, 2017

Loading thumbnail…

Tutoriel pour la prise en main de la stack MEAN

This tutorial demonstrates the structure of a MEAN stack application, showing how a README document organizes the learning path. It visually outlines the MVC pattern (Model-View-Controller) and introduces the Angular.js frontend framework, with diagrams illustrating the relationships between MongoDB, Express.js, AngularJS, and Node.js. The content is rendered as structured markdown within a Vue.js environment, featuring embedded images and code snippets that highlight Angular.js directives like `ng-app` and `ng-model`.

Jan 31, 2016