<ahref="https://smartystreets.com">SmartyStreets</a> verifies addresses, many of which are in CSV files. Papa Parse can process huge files in the browser. <i>"We rapidly built an awesome client-side file processor with Papa Parse."</i>
</p>
</div>
<divclass="grid-33">
<pclass="lover">
<ahref="http://jannah.github.io/MetaReader/">MetaReader</a> helps you see your data from a meta level before you start detailed analysis. <i>"Papa Parse made it very easy to load and ready user CSV files in the browser on the client side."</i>
</p>
</div>
<divclass="grid-33">
<pclass="lover">
<ahref="http://jannah.github.io/MetaReader/">EpiML</a> is an agent-based mathematical model for the web, still in its early stages of development. <i>"Papa makes it so easy to use CSV, which is good for scientists."</i>
</p>
</div>
<divclass="clear"></div>
<section>
<divclass="grid-container">
<divclass="grid-100 text-center">
<h3>People <iclass="fa fa-heart"></i> Papa</h3>
</div>
<divclass="grid-100 text-center">
<divclass="grid-33">
<br>
<pclass="lover">
<b><ahref="https://github.com/mholt/PapaParse/blob/gh-pages/resources/js/lovers.js"class="add-lover-link subheader"><iclass="fa fa-plus-square"></i> Add your link (it's free)</a></b>
<ahref="https://smartystreets.com">SmartyStreets</a> verifies addresses, many of which are in CSV files. Papa Parse can process huge files in the browser. <i>"We rapidly built an awesome client-side file processor with Papa Parse."</i>
</p>
</div>
<divclass="grid-33">
<pclass="lover">
<ahref="http://jannah.github.io/MetaReader/">MetaReader</a> helps you see your data from a meta level before you start detailed analysis. <i>"Papa Parse made it very easy to load and ready user CSV files in the browser on the client side."</i>
</p>
</div>
<divclass="grid-33">
<pclass="lover">
<ahref="http://jannah.github.io/MetaReader/">EpiML</a> is an agent-based mathematical model for the web, still in its early stages of development. <i>"Papa makes it so easy to use CSV, which is good for scientists."</i>
</p>
</div>
<divclass="clear"></div>
<divclass="grid-100 text-center">
<br>
<b><ahref="https://github.com/mholt/PapaParse/blob/gh-pages/resources/js/lovers.js"class="add-lover-link subheader"><iclass="fa fa-plus-square"></i> Add your link (it's free)</a></b>
</div>
</div>
</div>
</div>
</section>
</section>
<sectionid="parse">
<sectionid="parse">
<divclass="grid-container narrow-grid">
<divclass="grid-container narrow-grid">
<divclass="grid-100">
<divclass="grid-100">
<h4>CSV Parsing</h4>
<h4>CSV Parsing</h4>
<h5>"Isn't parsing CSV just <code>String.split(',')</code>?"</h5>
<h5>"Isn't parsing CSV just <code>String.split(',')</code>?"</h5>
<p>Heavens, no. Papa does it right. Just pass in the CSV string with an optional <ahref="/docs#config">configuration</a>.</p>
<p>Heavens, no. Papa does it right. Just pass in the CSV string with an optional <ahref="/docs#config">configuration</a>.</p>
<h5>"Great, but I have a <i>file</i> to parse."</h5>
<h5>"Great, but I have a <i>file</i> to parse."</h5>
<p>Then give Papa a <ahref="https://developer.mozilla.org/en-US/docs/Web/API/File">File</a> instead of a string. Since file parsing is asynchronous, don't forget a callback.</p>
<p>Then give Papa a <ahref="https://developer.mozilla.org/en-US/docs/Web/API/File">File</a> instead of a string. Since file parsing is asynchronous, don't forget a callback.</p>
<p>That's what streaming is for. Specify a step callback to receive the results row-by-row. This way, you won't load the whole file into memory and crash the browser.</p>
<p>That's what streaming is for. Specify a step callback to receive the results row-by-row. This way, you won't load the whole file into memory and crash the browser.</p>
<p>That happens when a long-running script is executing in the same thread as the page. Use a <ahref="https://developer.mozilla.org/en-US/docs/Web/API/Worker">Worker</a> thread by specifying <code>worker: true</code>. It may take slightly longer, but your page will stay reactive.</p>
<p>That happens when a long-running script is executing in the same thread as the page. Use a <ahref="https://developer.mozilla.org/en-US/docs/Web/API/Worker">Worker</a> thread by specifying <code>worker: true</code>. It may take slightly longer, but your page will stay reactive.</p>
<h5>"Great! Now I want data keyed by field name."</h5>
<h5>"Great! Now I want data keyed by field name."</h5>
<p>If you tell Papa there is a header row, each row will be organized by field name instead of index.</p>
<p>If you tell Papa there is a header row, each row will be organized by field name instead of index.</p>
<pre><codeclass="language-javascript">// Key data by field name instead of index/position
<pre><codeclass="language-javascript">// Key data by field name instead of index/position
var results = Papa.parse(csv, {
var results = Papa.parse(csv, {
header: true
header: true
});</code></pre>
});</code></pre>
</div>
</div>
</div>
</div>
</section>
</section>
<sectionid="type-conversion">
<sectionid="type-conversion">
<divclass="grid-container narrow-grid">
<divclass="grid-container narrow-grid">
<divclass="grid-100">
<divclass="grid-100">
<h4>Type Conversion</h4>
<h4>Type Conversion</h4>
<h5>"Hey, these numbers are parsed as strings."</h5>
<h5>"Hey, these numbers are parsed as strings."</h5>
<p><i>Everything</i> is parsed as strings. If you want numbers and booleans, you can enable dynamic typing to do the conversion for you.</p>
<p><i>Everything</i> is parsed as strings. If you want numbers and booleans, you can enable dynamic typing to do the conversion for you.</p>
<pre><codeclass="language-javascript">// Converts numeric/boolean data
<pre><codeclass="language-javascript">// Converts numeric/boolean data
var results = Papa.parse(csv, {
var results = Papa.parse(csv, {
dynamicTyping: true
dynamicTyping: true
});</code></pre>
});</code></pre>
</div>
</div>
</div>
</div>
</section>
</section>
<sectionid="comments">
<sectionid="comments">
<divclass="grid-container narrow-grid">
<divclass="grid-container narrow-grid">
<divclass="grid-100">
<divclass="grid-100">
<h4>Comments</h4>
<h4>Comments</h4>
<h5>"I forgot to mention: my CSV files have comments in them."</h5>
<h5>"I forgot to mention: my CSV files have comments in them."</h5>
<p>Okay, first off: that's really weird. But fortunately, you can skip those lines... just specify the comment string.</p>
<p>Okay, first off: that's really weird. But fortunately, you can skip those lines... just specify the comment string.</p>
<pre><codeclass="language-javascript">// Mostly found in academia, some CSV files
<pre><codeclass="language-javascript">// Mostly found in academia, some CSV files
// may have commented lines in them
// may have commented lines in them
var results = Papa.parse(csv, {
var results = Papa.parse(csv, {
comments: "#"
comments: "#"
});</code></pre>
});</code></pre>
</div>
</div>
</div>
</div>
</section>
</section>
<sectionid="errors">
<sectionid="errors">
<divclass="grid-container narrow-grid">
<divclass="grid-container narrow-grid">
<divclass="grid-100">
<divclass="grid-100">
<h4>Error Handling</h4>
<h4>Error Handling</h4>
<h5>"Aw, shoot. Errors."</h5>
<h5>"Aw, shoot. Errors."</h5>
<p>Papa handles errors pretty well. The <ahref="http://tools.ietf.org/html/rfc4180">CSV standard</a> is somewhat <strike>loose</strike> ambiguous, so Papa is designed for edge cases. For example, mismatched fields won't break parsing.</p>
<p>Papa handles errors pretty well. The <ahref="http://tools.ietf.org/html/rfc4180">CSV standard</a> is somewhat <strike>loose</strike> ambiguous, so Papa is designed for edge cases. For example, mismatched fields won't break parsing.</p>
<pre><codeclass="language-javascript">// Example error:
<pre><codeclass="language-javascript">// Example error:
{
{
type: "FieldMismatch",
type: "FieldMismatch",
code: "TooManyFields",
code: "TooManyFields",
message: "Expected 3 fields, but parsed 4",
message: "Expected 3 fields, but parsed 4",
row: 1
row: 1
}</code></pre>
}</code></pre>
</div>
</div>
</div>
</div>
</section>
</section>
<sectionid="jquery">
<sectionid="jquery">
<divclass="grid-container narrow-grid">
<divclass="grid-container narrow-grid">
<divclass="grid-100">
<divclass="grid-100">
<h4>jQuery Plugin</h4>
<h4>jQuery Plugin</h4>
<h5>"Can I use Papa with jQuery?"</h5>
<h5>"Can I use Papa with jQuery?"</h5>
<p>Sure, but it's not required. You can use jQuery to select file input elements and then parse their files. Papa exposes its file parsing API as a jQuery plugin only when jQuery is defined. Papa Parse has <b>no dependencies</b>.</p>
<p>Sure, but it's not required. You can use jQuery to select file input elements and then parse their files. Papa exposes its file parsing API as a jQuery plugin only when jQuery is defined. Papa Parse has <b>no dependencies</b>.</p>
<h4><ahref="https://github.com/mholt/PapaParse">Star</a> and <ahref="https://github.com/mholt/PapaParse/blob/gh-pages/resources/js/lovers.js">shout</a> if you love #PapaParse</h4>
<h4><ahref="https://github.com/mholt/PapaParse">Star</a> and <ahref="https://github.com/mholt/PapaParse/blob/gh-pages/resources/js/lovers.js">shout</a> if you love #PapaParse</h4>
</div>-->
</div>-->
<divclass="footer-main">
<divclass="footer-main">
<divclass="grid-container">
<divclass="grid-container">
<divclass="grid-40 text-center">
<divclass="grid-40 text-center">
<divclass="logo">P</div>
<divclass="logo">P</div>
<br><br>
<br><br>
Papa Parse by <ahref="https://twitter.com/mholt6">Matt Holt</a>
Papa Parse by <ahref="https://twitter.com/mholt6">Matt Holt</a>
Matthew Holt
10 years ago