MonaiThang

@MonaiThang·3 public vizzes

Disable HTML form input autocomplete and autofill in React

This example shows how to prevent Chrome autofill and autocomplete on React input fields by manipulating the `autoComplete` attribute. It demonstrates two approaches: setting `autoComplete="disabled"` directly on the `input` element, and using an `onFocus` handler that calls `setAttribute` to force the attribute to "disabled" when React would otherwise render "off". The code uses React's synthetic event system and JSX syntax within a functional component, referencing Chromium’s form style documentation for alternatives like `new-password`.

Aug 13, 2020

Loading thumbnail…

2013 Federal Election Visualisation

This interactive visualization maps the 2013 Australian federal election results across New South Wales electoral boundaries. Users can explore votes by electorate on a Leaflet choropleth map and filter by political party using a dc.js row chart, with crossfilter managing the linked selections. The map renders geographical boundaries from GeoJSON data and colors them using ColorBrewer schemes, while the underlying voting data is loaded from a CSV file. The interface also includes options to export the full or filtered dataset as a CSV download.

Jan 20, 2017

Loading thumbnail…

Here are some things you can do with Gists in GistBox.

This example demonstrates multiple ways to organize and reuse code within GistBox, presenting three distinct file types as a gallery of use cases. A JavaScript file shows how to store reusable snippets like logging the `window` object, a Ruby class implements a quicksort algorithm, and two Markdown documents contain a keyboard shortcuts reference and a cheesecake recipe. The visualization relies on the raw text content of the gists, rendering each file’s code and documentation as-is to highlight the platform’s flexibility for storing snippets, functions, and personal notes.

Sep 25, 2013