LucienPerouze

@LucienPerouze·5 public vizzes

Gradle config

This example visualizes the Gradle configuration of a React Native Android project, showing how build settings, repositories, and dependency resolutions are organized across the top-level `build.gradle` file. It uses the Gradle DSL to declare version variables like `buildToolsVersion` and `compileSdkVersion`, and configures repositories such as `google()`, `jcenter()`, and `mavenLocal()`. The code also applies a `resolutionStrategy` to force the `com.android.support` group to version `28.0.0` for all subprojects, and defines a `wrapper` task for Gradle 4.6. The data source is the raw script itself, rendered as plain text.

Jan 28, 2019

Loading thumbnail…

Lambda@Edge function to replace metas in S3 bucket

This example shows how to programmatically replace meta tags in an HTML page by combining a static index.html file with a dynamic API response. The Lambda@Edge handler intercepts incoming CloudFront requests, and for URIs without a file extension, it fetches both the base HTML and a JSON object of metas from a remote HTTPS API in parallel using `Promise.all` and `https.get`. It then substitutes `%meta%` tokens in the HTML for each key from the JSON via regular expressions. Requests with file extensions pass through unchanged, while errors are caught and returned as a server-side rendering error message in the response body.

Apr 29, 2018

Loading thumbnail…

Templating example for react server side rendering with Lambda@Edge

This example demonstrates how to apply server-side templating with dynamic social media metadata, replacing placeholder values like `%SERVER_META_URL%` and `%SERVER_META_TITLE%` in an `index.html` file. It shows a templating solution for React server-side rendering, designed to run on Lambda@Edge for edge-optimized content. The implementation likely uses standard React SSR techniques alongside AWS Lambda@Edge for request handling, with the code relying on HTML meta tags to inject Open Graph properties. The approach ensures that social sharing previews are correctly generated from server context.

Apr 29, 2018

Loading thumbnail…

Gist b99e7499ed393379a3884f1e1c51fa33

This example demonstrates a RESTful API sandbox for a messaging system, showing how to handle POST and GET requests to add and retrieve chat messages. The code uses Sandbox.define() to create endpoints for `/addMessage` and `/getMessages/{userId}/{index}`, validating JSON content types and required fields. Messages are stored in an in-memory state object, which persists across requests within the sandbox. The GET endpoint filters messages by an index parameter, marks messages from the requesting user with a `me` flag, and returns a JSON response with the last message index and the filtered message list, using the Underscore.js library (`_`) for array filtering and mapping operations.

Feb 15, 2018

Loading thumbnail…

Debating + Recommendations Visualization

This interactive zoomable circle packing visualization maps the structure of a debate on extracurricular activities in Lyon, with circles representing topics, participant groups, and individual comments. The hierarchical layout uses D3’s `d3.layout.pack` to arrange circles, with colors indicating categories like “Parents” or “Professeurs,” while leaf nodes are white. Clicking a circle zooms to that subtree, smoothly animating positions and radii via `d3.scale.linear` transitions. Hovering reveals text labels for comments under 30 characters, and the code loads data from a local `flare.json` file.

Dec 14, 2017