manal-hamed (@manal-hamed), VizHub

HTML Starter

This example displays the static text “Hello HTML” in extra-large, centered type. A minimal HTML page with inline CSS and JavaScript demonstrates the foundational structure of a web document. The page uses a standard `<style>` block for typography and a `<script>` tag that logs "Hello JavaScript!" to the browser’s console. No external libraries or data sources are used, as it serves as a bare-bones starting point for web development.

Jul 10, 2020

Loading thumbnail…

HTML Starter

This example displays the static text “Hello HTML” in extra-large, centered type. A minimal HTML page with inline CSS and JavaScript demonstrates the foundational structure of a web document. The page uses a standard `<style>` block for typography and a `<script>` tag that logs "Hello JavaScript!" to the browser’s console. No external libraries or data sources are used, as it serves as a bare-bones starting point for web development.

Jul 10, 2020

Loading thumbnail…

React Starter

This example renders a full-screen “Hello React!” message using React and ReactDOM. It defines a simple functional component that displays the text inside a styled div, then mounts it to the root element via `ReactDOM.render`. The page loads React and ReactDOM from CDN, while the component code is bundled separately.

Jul 10, 2020

Loading thumbnail…

React Starter

This example renders a full-screen “Hello React!” message using React and ReactDOM. It defines a simple functional component that displays the text inside a styled div, then mounts it to the root element via `ReactDOM.render`. The page loads React and ReactDOM from CDN, while the component code is bundled separately.

Jul 10, 2020

Loading thumbnail…

HTML Starter

This example displays the static text “Hello HTML” in extra-large, centered type. A minimal HTML page with inline CSS and JavaScript demonstrates the foundational structure of a web document. The page uses a standard `<style>` block for typography and a `<script>` tag that logs "Hello JavaScript!" to the browser’s console. No external libraries or data sources are used, as it serves as a bare-bones starting point for web development.

Jul 10, 2020

Loading thumbnail…

The Increasing Global Temperature

This example visualizes the increasing global temperature using a React-based application. It renders a simple chart with D3.js, presenting temperature data from NASA to show trends over time. The visualization is built with React for component structure and D3.js for chart generation, displaying the dataset in a clear, textual format. The code includes a README and starter files, with the main visualization logic implemented in JavaScript using ReactDOM to mount the app.

Jul 8, 2020

Loading thumbnail…

HTML Starter

This example displays the static text “Hello HTML” in extra-large, centered type. A minimal HTML page with inline CSS and JavaScript demonstrates the foundational structure of a web document. The page uses a standard `<style>` block for typography and a `<script>` tag that logs "Hello JavaScript!" to the browser’s console. No external libraries or data sources are used, as it serves as a bare-bones starting point for web development.

Jul 8, 2020

Loading thumbnail…

React Starter

This example renders a full-screen “Hello React!” message using React and ReactDOM. It defines a simple functional component that displays the text inside a styled div, then mounts it to the root element via `ReactDOM.render`. The page loads React and ReactDOM from CDN, while the component code is bundled separately.

Jul 8, 2020