Koalas to the Max – a case study. One day I was browsing reddit when I came across this peculiar link posted on it: The game was addictive and I loved it but I found several design elements flawed. Why did it start with four circles and not one? Why was the color split so jarring? Why was it written in flash? (What is this, 2010?) Most importantly, it was missing a golden opportunity to split into dots that form an image instead of just doing random colors. Creating the project This seemed like a fun project, and I reimplemented it (with my design tweaks) using D3 to render with SVG. The main idea was to have the dots split into the pixels of an image, with each bigger dot having the average color of the four dots contained inside of it recursively, and allow the code to work on any web-based image.
Implementation Notable excerpts are presented below and the full code can be found on GitHub. Load the image Extract the pixel data Build the split tree Render the circles Here the D3 magic happens. @joelmatriche » Le blog de jo. Comment faire la chasse aux cellules et lignes vides dans Excel? Voici trois méthodes, très simples d'utilisation pour nettoyer un tableau. Et avec quelques raccourcis clavier pour gagner du temps. Les cellules vides sont une plaie, elles alourdissent le tableau et perturbent l'usage des formules dans celui-ci. Voici trois méthodes pour s'en débarrasser, avec quelques nuances. Dans un grand nombre de cas en effet, le fait qu'une cellule de la colonne A soit vide indique que la ligne entière est vide de données - c'est le cas, dans l'exemple ci-dessous, des lignes 5 et 8.
Mais il arrive qu'une cellule de la colonne A soit vide et que des cellules contiguës ne le soient pas, c'est le cas ici de la ligne 12. Effacer des lignes entières en se référant seulement au contenu de la première colonne a alors de fâcheuses conséquences. 1. 2. Cliquez ensuite sur Cellules (ou Alt+C) : Il ne vous reste alors qu'à effacer les lignes sélectionnées : Ctrl+- (la touche Ctrl et la touche - simultanément).
Naked Unicorn « Play Site. Tiramisu sugar plum muffin gingerbread. Cake dessert pie cake ice cream donut apple pie ice cream. Pudding tootsie roll donut. Cheesecake ice cream danish lemon drops donut liquorice fruitcake carrot cake. Dessert gummies cookie gummies muffin powder. Cotton candy icing sweet roll cotton candy muffin cookie applicake candy canes. Cupcake apple pie toffee bonbon bonbon applicake. Gummi bears chocolate cake lollipop gingerbread unerdwear.com icing tiramisu jelly-o. Pudding sweet gummies biscuit powder. Sesame snaps oat cake sweet. Toffee tiramisu halvah powder cupcake sesame snaps. You'll need a jacket here. Toffee tiramisu halvah powder cupcake sesame snaps. Cheesecake donut tart brownie.
Dessert gummi bears danish fruitcake chupa chups dragée. Sesame snaps cupcake pudding topping. Toffee bonbon muffin danish icing pie dragée jelly-o icing. Chocolate bar sesame snaps brownie bonbon chocolate croissant candy oat cake lemon drops. Circular heat chart example. A circular heat chart displays quantitative data as an array of circular segments, coloured according to value.
This is a good chart for displaying cyclic data such as hourly energy usage over the course of a week e.g. The chart is implemented using D3.js and is reusable. Visit project on Github. The code to create the above energy chart is: var chart = circularHeatChart() .innerRadius(20) .radialLabels(["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]) .segmentLabels(["Midnight", "1am", "2am", "3am", "4am", "5am", "6am", "7am", "8am", "9am", "10am", "11am", "Midday", "1pm", "2pm", "3pm", "4pm", "5pm", "6pm", "7pm", "8pm", "9pm", "10pm", "11pm"]); var energyData = [ 0.176042, 0.096146, 0.076414, ..more data.. , 0.192478, 0.134997, 0.152271 ]; d3.select('#energychart') .selectAll('svg') .data([energyData]) .enter() .append('svg') .call(chart);
Stacked Radial Area. This plot might be suitable for showing cyclical trends, though I'm not sure it’s a great idea as the radial display has a number of limitations: The underlying data goes from Sunday to Saturday, but the chart shows continuity from Saturday through to the previous Sunday. Time does not flow backwards, so you might instead prefer to plot two values for Sunday; this would show a discontinuity on opposite sides of the Sunday axis.Displaying the discontinuity requires an open interpolator, rather than cardinal-closed as used here.
However, this causes the tangents of the incoming and outgoing lines to no longer be orthogonal to the axis. Polar charts are pretty. But when in doubt, it’s probably best to stick to Cartesian coordinates. @joelmatriche » Le blog de jo. L'exemple le plus courant est celui de noms et prénoms ou d'éléments d'une adresse répartis dans plusieurs colonnes : rassembler ces chaînes de caractères dans une seule colonne est une concaténation. L'inverse (répartir le contenu d'une colonne en plusieurs colonnes) est évidemment aussi possible dans Excel.La concaténation est un mot bien compliqué pour définir le fait de rassembler plusieurs chaînes de caractères en une seule. Des noms et prénoms par exemple mais aussi les éléments épars d'une adresse afin d'obtenir l'adresse complète qui, dans un service comme GoogleFusion, permettra la géolocalisation.
A l'inverse, on peut bien sûr avec Excel répartir le contenu d'une même colonne entre plusieurs colonnes. Mode d'emploi. Concaténer. Imaginons les deux colonnes suivantes, avec en A des prénoms et en B des noms de famille. Déconcaténer avec l'assistant de conversion. Le plus simple et rapide est d'utiliser la fonction Convertir, sous l'onglet Données sur ruban Excel : Post Tags: Mother Jones.