Skip to main content
SimilarExport ZIP
100%

Practice API Call

✓ Published1🌍 Public
SSabin Bhandari
Last edited Jun 22, 2021
Created on Jun 6, 2021
Forked from React Starter

This example demonstrates a practice API call to the Nepal Stock Exchange, displaying sector indices for the NEPSE market. It fetches data from `newweb.nepalstock.com.np` using a React application with `useState` and `useEffect` hooks, though the fetch call is currently commented out. The page renders sector descriptions, including Banking, Hotels, Hydropower, and Development Bank indices, using React 16.13.1 and ReactDOM. The interface presents a static list of market sectors with their base-year market capitalization values.

AI-generated description

React Starter code.

MIT Licensed

Similar vizzes

Loading thumbnail…

Practice

This example shows a minimal React application that renders a static title and age message. It uses React class components and functional components, with ReactDOM rendering the output into a root div. The code includes commented-out D3.js imports and references to width, height, and background variables, but the active visualization is limited to basic JSX text elements. The page loads React 17 and D3 6.3.1 from CDNs, though no D3-specific APIs are exercised in the visible code.

BbeauMarko
63% match
Loading thumbnail…

Practice

This example demonstrates a minimal React application that renders a static "Hello" heading while using D3 to update the text of a separate div element. It shows how to combine React for component-based UI with D3’s `select` function for direct DOM manipulation, alongside an imported ES6 module (`myMessage.js`) that supplies a text string. The code loads D3 v5 and React from CDNs and also imports the ReactDOM library to mount the React component into the root element. No data visualization or interactive behavior is present in this practice setup.

Ssarahmccuan
60% match
Loading thumbnail…

Fork of Hello HTML

This example displays a simplified React application that logs stock trade data to the console and renders placeholder paragraphs showing the `gain` value from a nested dataset. It imports a large JSON object containing ticker symbols, entry/exit prices, and timestamps, then uses React hooks like `useState` and `useEffect` to manage state. The code also imports `csv` from the D3 library, though it is not actually used for parsing. The rendering is minimal, showing one paragraph per data item rather than a visual chart.

AAndreas Sjödin
60% match
Loading thumbnail…

React start practice 1

This example shows a minimal React application that renders the text “Hello jsx” on a webpage. The app uses React and ReactDOM, loaded via external CDN scripts, with a single functional component defined in index.js. ReactDOM.render targets the root div element in index.html, displaying the styled heading at a large font size. React 16.7.0 and ReactDOM 17.0.1 are the concrete libraries used, with JSX syntax in the component.

Ssurikmeetr
59% match
Loading thumbnail…

Practise

This example practices the basics of web development with a minimal setup of HTML, CSS, and JavaScript. The single index.html file presents a plain "Hello HTML" message and, on load, logs "Hello JavaScript!" to the browser console, demonstrating initial interaction via the embedded script. The separate index.js defines a simple `const message = 'hello'`, though it is not currently imported or used by the page. The example does not rely on a framework or external libraries, serving purely as a foundational scaffold.

MMSamyal
59% match
Loading thumbnail…

practice

This example demonstrates a minimal React application that renders a static text message. The interface displays the phrase “Hello React!” centered on a white background. The implementation relies on the `createRoot` API from `react-dom` to mount an `App` component, which is defined with JSX and a CSS class for styling. The code imports React and uses the UMD builds of React 18.2.0 and ReactDOM, loaded via a CDN, to bootstrap the root element.

Aahuynh8@dons.usfca.edu
59% match
Loading thumbnail…

Practice

This example shows a minimal HTML page that displays the text “Hello HTML!” centered in the viewport using CSS for styling. The code includes an inline SVG element with a width attribute, though it contains no visual content, and a CSS rule for font size and text alignment. The page demonstrates basic integration of HTML, CSS, and JavaScript, with the latter not yet adding interactivity or data rendering. The example serves as a foundational practice for building web-based visualizations, referencing React Starter as a potential next step.

FFouzia A.
58% match
Loading thumbnail…

Fork of React & D3 Vibecoding Starter

This example visualizes the top Chinese companies by market capitalization, with a bar chart sorted by value and color-coded by sector. Selecting a bar highlights that company while dimming others, and hovering reveals tooltips with details like IPO year, IPO value, and growth since IPO. Built with React and D3 v7, it uses `scaleBand`, `scaleLinear`, and `scaleOrdinal` for layout, plus `ResizeObserver` for responsive sizing. The data comes from a CSV file and interacts through React state management and D3 selections.

NNita
58% match