r-d3/examples/components/CodeSample.react.js

D3 data, React rendering.

import React from 'react';

import Markdown from './Markdown';

const START_STR = '/* example-start */';
const END_STR = '/* example-end */';

class CodeSample extends React.Component {
  render() {
    // Strip out extraneous parts of the code.
    const code = this.props.children;
    const startIndex = code.indexOf(START_STR) + START_STR.length + 1;
    const endIndex = code.indexOf(END_STR);

    return (
      <Markdown className="code-sample">
        {`\`\`\`jsx
${code.slice(startIndex, endIndex)}
        \`\`\``}
      </Markdown>
    );
  }
}

export default CodeSample;