Vu Le

@lekhoavu2909·4 public vizzes

Fork of Polished World Map

A fork of the Polished World Map renders U.S. state boundaries as an SVG visualization using React and D3 v5. The map displays land masses in teal with graticules and interior borders, loaded from the us-atlas TopoJSON dataset. The code employs `topojson.feature` to convert the data into GeoJSON and `d3.geoPath` to draw shapes, with styles applied through CSS classes. A YouTube embed is included in the README, though no playback functionality appears in the application itself.

Dec 4, 2022

Loading thumbnail…

Fork of Fork of United States Educational Attainment - Choropleth Map

A choropleth map of the United States displays the percentage of adults with a bachelor's degree or higher by county, using a sequential purple color scale from d3.scaleThreshold. The visualization includes an interactive tooltip showing the county name, state, and exact percentage on mouse hover, along with a legend mapping color bands to percentage ranges. Built with React and D3 v5, it renders counties as SVG paths using d3.geoPath and TopoJSON data, with the project sourced from FreeCodeCamp's educational attainment and county boundary datasets.

Nov 30, 2022

Loading thumbnail…

Fork of Polished World Map

This interactive world map visualizes country boundaries, graticules, and landmasses using a Natural Earth projection. It renders geographic features as SVG paths via `d3.geoPath`, with land filled in teal and interiors stroked in a lighter hue over a gray sphere. The visualization loads a TopoJSON topology from the us-atlas dataset, converting it into features and meshes with the `topojson.feature` and `topojson.mesh` APIs. The React app uses `d3.json` to fetch the data and displays a loading message until available.

Nov 25, 2022

Loading thumbnail…

Fork of Smiley Face Part III

This example shows a smiley face constructed from basic SVG shapes, with a yellow circle for the head, two black circles for the eyes, and a curved path for the mouth. The visualization is built using React for component rendering and D3’s `arc` generator to create the mouth’s arc path. The face is centered within a 960x500 viewport, using a transform to group the shapes. All geometry, including eye offsets, radii, and stroke widths, is defined as constants, and the SVG is rendered directly from those values.

Nov 25, 2022