Skip to main content
Log in
M

MinaBehzadipour

@MinaBehzadipour·5 public vizzes

Loading thumbnail…

World Countries Tree

This dendrogram visualizes global jazz interest by ranking 25 countries within continents, using data from Google Trends. It presents a hierarchical tree structure, with continents as parent nodes and countries ordered by search volume. The visualization uses D3 v5 to compute the tree layout and render the SVG, employing APIs such as `d3.tree`, `d3.hierarchy`, `d3.linkHorizontal`, and `d3.zoom` for interactive exploration. The data is loaded from a local JSON file, and the styling incorporates the Playfair Display font for text labels.

Jun 7, 2020
Loading thumbnail…

React Starter

This example displays a simple message, “Hello React!”, centered on the page. The React application uses the `React` and `ReactDOM` libraries, rendering a component into the `#root` element. The `index.html` file loads `react.production.min.js` and `react-dom.production.min.js` from `unpkg`, with the `index.js` file defining the component and calling `ReactDOM.render`. The styling is applied via inline CSS in the HTML file.

Jun 7, 2020
Loading thumbnail…

React Starter

This example displays a simple message, “Hello React!”, centered on the page. The React application uses the `React` and `ReactDOM` libraries, rendering a component into the `#root` element. The `index.html` file loads `react.production.min.js` and `react-dom.production.min.js` from `unpkg`, with the `index.js` file defining the component and calling `ReactDOM.render`. The styling is applied via inline CSS in the HTML file.

Jun 7, 2020
Loading thumbnail…

React Starter

An SVG visualization built with React and D3 v5 loads a starter template that logs the D3 object to the console. The page renders an empty SVG element and executes a JavaScript bundle, though it displays no data or marks. The code imports the full D3 library via a minified script tag and calls `console.log(d3)` to verify the library is accessible, serving as a minimal React-based foundation for future D3 chart development.

Jun 7, 2020
Loading thumbnail…

React Starter

This example demonstrates a minimal React application that renders a centered “Hello React!” message. It uses React and ReactDOM to define a simple `App` component and mount it into the DOM via `ReactDOM.render`. The message is styled with a large 13em font size through the CSS defined in the accompanying `index.html`. The project serves as a basic starter template, showing the fundamental structure of a React app with a single component and a root element.

Jun 7, 2020